函数
增
document.createElement(nodeName)
document.createTextNode(text) // 创建文本节点
parent.appendChild(child)
parent.insertBefore(newElement, targetElement)
删
parentNode.removeChild(childNode);
改
parentNode.replaceChild(newChild, oldChild);
查
getElementById(elemID)
getElementsByTagName(tag)
getElementsByClassName(class)
属性
获取和设置属性
getAttribute(attribute)
setAttribute(attribute, value)
操作节点
element.parentNode // 父节点
element.childNodes // 所有子节点
node.firstChild // == node.childNodes[0]
node.lastChild // == node.childNodes[node.childNodes.length - 1]
element.nextSibling // 兄弟节点
node.nodeType // 节点属性
nodeType 属性共有12种可取值，其中仅有3种有实用价值：
-
nodeType = 1元素节点 -
nodeType = 2属性节点 -
nodeType = 3文本节点
node.nodeValue // 用于改变文本节点的值
CSS-DOM
element.style.property
element.className
参考文献
- 《JavaScript DOM 编程艺术（第2版）》, 人民邮电出版社, 2011年4月第1版
