25.dom创建、获取、插入、替换、删除、克隆节点

dom节点

        -构成页面的每个组成部分（标签 属性 文字 注释）

         节点(所有的文本内容 包括换行和空格)

         元素节点(页面上的每个标签)

         属性节点(标签上的属性)

         注释节点(所有的注释内容包括注释内的空格换行)

创建节点

创建文本节点：

        var 变量名=document.creatTextNode("文本内容")

创建元素节点：

        var 变量名=document.creatElement('标签名')

获取节点

1.获取所有子节点

        元素.childNodes

2.获取所有子元素节点

        元素.children

3.获取第一个节点

        元素.firstChild

4.获取第一个子元素节点

        元素.firstElementChild

5.获取最后一个子节点

        元素.lastChild

6.获取最后一个子元素节点

        元素.lastElementChild

7.该元素的上一个兄弟节点

        元素.previousSibling

8.该元素的上一个兄第元素节点

        元素.previousElementSibling

9.下一个兄弟节点

        元素.nextSibling

10.下一个兄弟元素节点

        元素.nextElementSibling

11.该节点的父节点

        元素.parentNode

12.该节点的父元素

        元素.parentElement

13.该节点的所有属性节点

        元素.attributes

插入节点

1.appendChild(插入的节点) ——最为最后一个子节点插入

2.insertBefore（插入的节点，在谁的前面插入）

删除节点

1.元素.remove()——移除自己

2.父元素.remove(子节点)

替换节点

父节点.replaceChild(新的节点，旧的节点)

克隆节点

被克隆的元素.cloneNode(true/false)

true表示克隆子节点        false表示不克隆子节点