JS-节点操作

DOM节点

DOM树里的每一个内容都称之为节点

节点类型

1）元素结点

所有的标签 比如body、div

html是根节点

2）属性节点

所有的属性 比如href、class

3）文本节点

所有的文本

4）其他

查找节点

父节点查找

parentNode属性

返回最近一级的父节点 找不到返回为null

子元素.parentNode

子节点查找

childNodes：获得所有子节点、包括文本节点（空格、换行）、注释节点等

children属性（重点）：仅获得所有元素节点，返回的是一个伪数组

父元素.children

兄弟关系查找

1.下一个兄弟节点

元素.nextElementSibling

2.上一个兄弟节点

元素.previousElementSibling

增加节点

1.创建节点

即创造出一个新的网页元素，再添加到网页内，一般先创建节点，然后插入节点

创建元素节点方法：

//创建一个新的元素节点
document.createElement('标签名')

2.追加节点

要想在界面看到，还得插入到某个父元素中

插入到父元素的最后一个子元素：

//插入到这个父元素的最后
父元素.appendChild(要插入的元素)

插入到父元素中某个子元素的前面：

//插入到某个子元素的前面
父元素.insertBefore(要插入的元素,在哪个元素前面)

克隆节点

//克隆一个已有的元素节点
元素.cloneNode(布尔值)

删除结点