屬性名

描述

childNodes

返回當前元素所有子元素的數組

firstChild

返回當前元素的第一個下級子元素

lastChild

返回當前元素的最后一個子元素

nextSibling

返回緊跟在當前元素后面的元素

nodeValue

指定表示元素值的讀 / 寫屬性

parentNode

返回元素的父節點

previousSibling

返回緊鄰當前元素之前的元素

方法名

描述

getElementById(id)? (document)

獲取有指定唯一 ID 屬性值文檔中的元素

getElementsByTagName(name)

返回當前元素中有指定標記名的子元素的數組

hasChildNodes()

返回一個布爾值，指示元素是否有子元素

getAttribute(name)

返回元素的屬性值，屬性由 name 指定

屬性 / 方法

描述

document.createElement(tagName)

文檔對象上的 createElement 方法可以創建由 tagName 指定的元素。如果以串 div 作為方法參數，就會生成一個 div 元素

Document.createTextNode(text)

文檔對象的 createTextNode 方法會創建一個包含靜態文本的節點

<element>.appendChild(childNode)

appendChild 方法將指定的節點增加到當前元素的子節點列表。例如，可以增加一個 option 元素，作為 select 元素的子節點。

<element>.getAttribute(name)

這些方法分別獲得和設置元素中 name 屬性的值

<element>.setAttribute(name,value)

<element>.insertBefore(newNode,targetNode)

這個方法將節點 newNode 作為當前元素的子節點插到 targetNode 元素前面

<element>.removeAttribute(name)

這個方法從元素中刪除屬性 name

<element>.removeChild(childNode)

這個方法從元素中刪除子 childNode

<element>.replaceChild(newNode,oldNode)

這個方法將節點 oldNode 替換為節點 newNode

<element>.hasChildNodes()

這個方法返回一個布爾值，指示元素是否有子元素