首頁  >  文章  >  web前端  >  html dom方法是什麼?有什麼用?

html dom方法是什麼?有什麼用?

青灯夜游
青灯夜游原創
2021-11-01 17:52:531674瀏覽

HTML DOM是關於如何取得、更改、新增或刪除HTML元素的標準;而HTML DOM方法是開發者可以在節點(HTML元素)上執行的動作,用於對HTML元素進行擷取、更改、新增或刪除操作。

html dom方法是什麼?有什麼用?

本教學操作環境: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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn