函數(shù)
增
document.createElement(nodeName)
document.createTextNode(text) // 創(chuàng)建文本節(jié)點(diǎn)
parent.appendChild(child)
parent.insertBefore(newElement, targetElement)
刪
parentNode.removeChild(childNode);
改
parentNode.replaceChild(newChild, oldChild);
查
getElementById(elemID)
getElementsByTagName(tag)
getElementsByClassName(class)
屬性
獲取和設(shè)置屬性
getAttribute(attribute)
setAttribute(attribute, value)
操作節(jié)點(diǎn)
element.parentNode // 父節(jié)點(diǎn)
element.childNodes // 所有子節(jié)點(diǎn)
node.firstChild // == node.childNodes[0]
node.lastChild // == node.childNodes[node.childNodes.length - 1]
element.nextSibling // 兄弟節(jié)點(diǎn)
node.nodeType // 節(jié)點(diǎn)屬性
nodeType 屬性共有12種可取值，其中僅有3種有實(shí)用價(jià)值：
-
nodeType = 1元素節(jié)點(diǎn) -
nodeType = 2屬性節(jié)點(diǎn) -
nodeType = 3文本節(jié)點(diǎn)
node.nodeValue // 用于改變文本節(jié)點(diǎn)的值
CSS-DOM
element.style.property
element.className
參考文獻(xiàn)
- 《JavaScript DOM 編程藝術(shù)（第2版）》, 人民郵電出版社, 2011年4月第1版
