JavaScript节点操作

1.DOM节点

（1）DOM树里每一个内容都称为节点

（2）节点类型

1. 元素节点：所有的标签都是元素节点，例：body、div，html是根节点
2. 属性节点：所有的属性 比如href
3. 文本节点：所有的节点
4. 其他

 2.查找节点

（1）父节点查找

        parentNode属性

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

子元素.parentNode

 （2）子节点查找

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

        children属性：仅获得所有元素节点；返回的还是一个伪数组

父元素.children

（3）兄弟关系查找

下一个兄弟节点：nextElementSibling属性

上一个兄弟节点：previousElementSibing属性

3.增加节点 

 （1）创建节点

document.createElement('div')

（2）追加节点

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

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

（3）克隆节点

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

cloneNode会克隆出一个跟原标签一样的元素，括号内传入布尔值

        若为true，则代表克隆时会包含后代节点一起克隆

        若为false，则代表克隆时不包含后代节点

        默认为false

4.删除节点 

 在JavaScript原生DOM操作中，要删除元素必须通过父元素删除

语法：

父元素.removeChild(要删除的元素)

注意：

        如不存在父子关系则删除不成功

        删除节点和隐藏节点（display:none）有区别的：隐藏节点还是存在的，但是删除，则从html中删除节点