javascript 文檔對象方法提供了一系列與網頁文檔交互的方法,包括:查找和返回元素(getelementbyid、getelementsbyclassname、getelementsbytagname)創建元素和文本節點(createelement、createtextnode)操縱 dom 結構(appendchild、insertbefore、removechild、replacechild)設置和獲取樣式屬性(setattribute、removeattribute、getstyle
JavaScript 文檔對象方法
JavaScript 文檔對象模型 (DOM) 提供了一組方法來與網頁文檔進行交互。這些方法允許開發人員操縱文檔結構、樣式和內容。
核心方法
getElementById(id):通過元素的 id 查找并返回元素。
getElementsByClassName(className):通過元素的類名查找并返回一組元素。
getElementsByTagName(tagName):通過元素的標記名查找并返回一組元素。
createElement(tagName):創建一個新元素。
createTextNode(text):創建一個新的文本節點。
appendChild(child):將一個子節點添加到父節點的末尾。
insertBefore(newNode, referenceNode):在指定參考節點之前插入一個新節點。
removeChild(child):從父節點中刪除一個子節點。
replaceChild(newChild, oldChild):用一個新節點替換一個現有節點。
樣式方法
setAttribute(attributeName, value):設置元素的指定屬性。
removeAttribute(attributeName):刪除元素的指定屬性。
getStyle(propertyName):獲取元素的指定樣式屬性。
setStyle(propertyName, value):設置元素的指定樣式屬性。
內容方法
innerHTML: 獲取或設置元素的 HTML 內容。
innerText: 獲取或設置元素的文本內容。
事件方法
addEventListener(eventName, eventHandler):向元素添加一個事件處理程序。
removeEventListener(eventName, eventHandler):從元素中刪除一個事件處理程序。
其他方法
cloneNode(deep):克隆一個元素,可以選擇是否克隆子節點。
write(text):將文本寫入文檔。
close(): 關閉文檔流。