JS DOM 操作

.innerHTML 返回或设置指定标签的内容(识别html标记)
.ouerHTML 与innerHTML不同的是outerHTML包括整个标签，而不仅限于标签内部
.innerText 输出标签内所有文本(不识别html标记)
.outerText 包含标签本身

getElementsByTahMame() 返回一个指定标签名的集合
getElementsByName() 返回带有指定名称的对象的集合
getElementsByClassName() 返回所有指定类名的元素集合
getElemenById() 返回指定ID的元素

getAttribute() 返回指定属性名的属性值
setAttribute() 添加指定的属性，并为其赋指定的值(如果这个属性已存在，则仅设置/更改值)
getAttributeNode() 获得属性节点

.value() 获取元素的value值

.childNodes 获取指定节点内的所有节点集合(空格 文本都被视为节点)
.firstChild 获取当前元素节点的第一个子节点
.lastChild 获取当前元素节点的最后一个子节点
.ownerDocument 获取当前元素节点的根节点
.parentNode 获取当前元素节点的父节点
.previousSibling 获取当前节点的前一个同级节点
.nextsSibling 获取当前节点的后一个同级节点

document.createElement(" ") 创建元素
document.createTextNode(" ") 创建文本节点
.appendChild() 把后面的节点追加到前面的节点中
removeChild() 删除节点 成功返回被删除的节点 失败返回null
clonenode(true/false) true复制当前节点及其所有子节点，false仅复制当前节点

---

DOM树

201412111054092.png