HTML DOM是關於如何取得、更改、新增或刪除HTML元素的標準;而HTML DOM方法是開發者可以在節點(HTML元素)上執行的動作,用於對HTML元素進行擷取、更改、新增或刪除操作。
本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
什麼是 HTML DOM?
HTML DOM 是 HTML 的標準物件模型和程式設計介面。它定義了:
作為物件的HTML 元素
#所有HTML 元素的屬性
存取所有HTML 元素的方法
所有HTML 元素的事件
換言之:HTML DOM 是關於如何取得、變更、新增或刪除HTML元素的標準。
什麼是 HTML DOM 方法?
HTML DOM 方法是我們可以在節點(HTML 元素)上執行的動作。
一些常用DOM 物件方法:
方法 | 描述 |
---|---|
getElementById() | 傳回帶有指定ID 的元素。 |
getElementsByTagName() | 傳回包含指定標籤名稱的所有元素的節點清單(集合/節點陣列)。 |
getElementsByClassName() | 傳回包含指定類別名稱的所有元素的節點清單。 |
appendChild() | 把新的子節點加入指定節點。 |
removeChild() | #刪除子節點。 |
replaceChild() | #取代子節點。 |
insertBefore() | 在指定的子節點前面插入新的子節點。 |
createAttribute() | 建立屬性節點。 |
createElement() | 建立元素節點。 |
createTextNode() | #建立文字節點。 |
getAttribute() | 傳回指定的屬性值。 |
setAttribute() | 把指定屬性設定或修改為指定的值。 |
推薦教學:《html影片教學》
以上是html dom方法是什麼?有什麼用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!