节点
Type Name Value
Type为1时是元素,为2时是属性,3是文本(文字,空格,换行)
父节点
node.parentNode离元素最近的父亲
子节点
parentNode.childNodes(标准)
得到的集合,所有子元素,包括文本节点,通过判断nodetype来获取元素节点
parentNode.children(非标准)
只读,返回元素节点
- 第一个子节点
parentNode.firstChild 包括文本节点
parentNode.firstElementChild IE9以上版本
parentNode.children[0] - 最后一个子节点
parentNode.lastChild
parentNode.lastElementChild
parentNode.children[length-1]
兄弟节点
- 下一个兄弟
node.nestSibling(全部 包括文本)
node.nestElementSibling(仅限元素) - 上一个兄弟
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()**创建,文档流执行完毕,导致文档页面全部重绘。