DOM节点操作

属性/方法	描述

获取节点 document
element.getElementsByTagName()	返回指定标签名的所有子元素集合。
element. getElementsByClassName()	返回文档中所有指定类名的元素集合，作为 NodeList 对象。
document/element.getElementsByName()	返回带有指定名称的对象集合。
document.getElementById()	返回对拥有指定 id 的第一个对象的引用。
获取节点=> 节点指针
element.childNodes	返回元素的一个子节点的数组
element.children	返回元素的一个子节点的数组 兼容，且不包含文本节点
element.firstChild	返回元素的第一个子节点
element.lastChild	返回的最后一个子元素
element.nextSibling	返回该元素紧跟的一个节点
element.previousSibling	返回某个元素紧接之前元素
element.parentNode	返回元素的父节点
element.ownerDocument	返回元素的根元素（文档对象）
element.nodeName	返回元素的标记名（大写）
element.nodeType	返回元素的节点类型 1.元素节点 3.文本节点
element.nodeValue	返回元素的节点值

**属性操作 **
element.attributes	返回一个元素的属性数组
element.hasAttribute()	如果元素中存在指定的属性返回 true，否则返回false。
element.getAttribute()	返回指定元素的属性值
element.setAttribute()	设置或者改变指定属性并指定值。
element.removeAttribute()	从元素中删除指定的属性。

document 节点操作	创建节点
document.createElement()	创建元素节点。
document.createAttribute()	创建一个属性节点
document.createTextNode()	创建文本节点。
document.createComment()	createComment() 方法可创建注释节点。
document.createDocumentFragment()	创建空的 DocumentFragment 对象，并返回此对象。
element 节点操作	插 加 删 换 复
element.insertBefore()	现有的子元素之前插入一个新的子元素
element.appendChild()	为元素添加一个新的子元素
element.removeChild()	删除一个子元素
element.replaceChild()	替换一个子元素
element.cloneNode()	克隆某个元素

菜鸟