常用 DOM 函数和属性

函数

增

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版