JavaScript节点的增删改查方法怎么使用

本篇内容主要讲解“JavaScript节点的增删改查方法怎么使用”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“JavaScript节点的增删改查方法怎么使用”吧!document.createElement方法用来生成元素节点，并返回该节点。createElement方法的参数为元素的标签名，即元素节点的tagName属性，对于 HTML 网页大小写不敏感，即参数为div或DIV返回的是同一种节点。如果参数里面包含尖括号（即和>）会报错。注意，document.createElement的参数可以是自定义的标签名。新创建出的节点是 “孤儿节点”，这意味着它并没有被挂载到 DOM 树上，我们无法看见它。必须继续使用 appendChild() 或 insertBefore() 方法将孤儿节点插入到 DOM 树上。任何已经在 DOM 树上的节点，都可以调用 appendChild() 方法，它可以将孤儿节点挂载到它的内部，成为它的最后一个子节点。【小案例】我是原本的段落0我是原本的段落1我是原本的段落2任何已经在 DOM 树上的节点，都可以调用 insertBefore() 方法，它可以将孤儿节点挂载到它的内部，成为它的 “标杆子节点” 之前的节点。【小案例】我是原本的段落0我是原本的段落1我是原本的段落2【动态创建一个20行12列的表格】【九九乘法表】如果将已经挂载到 DOM 树上的节点成为 appendChild() 或者 insertBefore() 的参数，这个节点将会被移动。这意味着一个节点不能同时位于 DOM 树的两个位置。【小案例】我是段落我是box2的原有p标签我是box2的原有p标签我是box2的原有p标签我是box2的原有p标签删除现有的 DOM 节点，也需要关注两个因素：首先由父节点删除子节点，其次是要删除哪个子节点。父节点.removeChild(子节点) 删除指定的子节点 推荐方式：子节点.parentNode.removeChild(子节点)在 JavaScript 原生DO免费云主机域名M操作中，要删除元素必须通过父元素删除 如不存在父子关系则删除不成功 删除节点和隐藏节点（display:none） 有区别的： 隐藏节点还是存在的，但是删除，则从html中删除节点【小案例】我是p节点0我是p节点1我是p节点2结论：removeChild 删除节点时一定是由父子关系。replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。语法：参数：newnode : 必需，用于替换 oldnew 的对象。 oldnew : 必需，被 newnode 替换的对象。我们来看看下面的代码:效果: 将文档中的 Java 改为 JavaScript。注意:当 oldnode 被替换时，所有与之相关的属性内容都将被移除。newnode 必须先被建立。**replaceWith()**方法使用参数节点，替换当前节点。参数可以是元素节点，也可以是文本节点。上面代码中，el节点将被span节点替换。cloneNode() 方法可以克隆节点，克隆出的节点是 “孤儿节点”。必须继续使用 appendChild() 或 insertBefore() 方法将孤儿节点插入到 DOM 树上。参数是一个布尔值，表示是否采用深度克隆：如果为 true，则该节点的所有后代节点也会被克隆，如果为 false，则只克隆该节点本身。【小案例】到此，相信大家对“JavaScript节点的增删改查方法怎么使用”有了更深的了解，不妨来实际操作一番吧！这里是百云主机网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@byun.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。

相关推荐: laravel框架中路由设置、参数和命名的方法是什么

本篇内容介绍了“laravel框架中路由设置、参数和命名的方法是什么”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！laravel中必须先配置路由，才能使用。不像…