【JavaScript】DOM的节点

节点

Type Name Value
Type为1时是元素，为2时是属性，3是文本(文字，空格，换行）

父节点

node.parentNode离元素最近的父亲

子节点

parentNode.childNodes(标准)
得到的集合，所有子元素，包括文本节点，通过判断nodetype来获取元素节点
parentNode.children(非标准)
只读，返回元素节点

1. 第一个子节点
   parentNode.firstChild 包括文本节点
   parentNode.firstElementChild IE9以上版本
   parentNode.children[0]
2. 最后一个子节点
   parentNode.lastChild
   parentNode.lastElementChild
   parentNode.children[length-1]

兄弟节点

1. 下一个兄弟
   node.nestSibling(全部 包括文本）
   node.nestElementSibling(仅限元素）
2. 上一个兄弟
   node.previousSibling
   node.previousElementSibling

节点创建

document.creatElement(‘tagName’)
动态创建元素节点，在创建数组时，与innerHTML相比，效率底

节点添加

parentNode.appendChild(child)
添加到末尾，类似于伪元素的after 或者是push
parentNode.insertBefore(child,指定)
添加道指定元素之前

删除节点

parentNode.removeChild(child)

复制节点（克隆）

node.cloneNode()
括号为空，或者写入false为浅拷贝，只复制标签
写入true为深拷贝，顺便复制内容

**document.Write()**创建，文档流执行完毕，导致文档页面全部重绘。