美文网首页
JS之节点操作元素

JS之节点操作元素

作者: 时光冷心 | 来源:发表于2020-05-31 20:08 被阅读0次

父级节点:node.parentNode

                              可返回某节点的父节点,注意是最近的一个父节点;

                              如果指定的节点没有父节点,则返回null。

子节点:node.childNodes & node.children

                        node.childNodes是标准写法,它返回所有子节点,包括元素节点,文本节点等;

                        node.children是非标准写法,它返回所有的子元素节点。

                   在我们实际开发在,常用的是node.children方法获取子节点。

创建节点:document.createElement(' ')

添加节点:①node.appendChild(child)

                  ②node.insertBefore(child, 指定元素)

                              ①的方法是后面追加元素。类似数组的push方法

                              ②的方法是在指定元素之前添加一个节点

删除节点:node.removeChild(child)

复制节点:node.cloneNode( )

                              注:① 如果括号参数为空或为false,则是浅拷贝,即只克隆节点本身,不                                                    克隆里面的子节点;

                                     ② 如果括号参数为true,则是深度拷贝,会复制节点即里面所有的子节点。

相关文章

网友评论

      本文标题:JS之节点操作元素

      本文链接:https://www.haomeiwen.com/subject/qqvrzhtx.html