HTML DOM是關(guān)于如何獲取、更改、添加或刪除HTML元素的標準;而HTML DOM方法是開發(fā)者可以在節(jié)點(HTML元素)上執(zhí)行的動作,用于對HTML元素進行獲取、更改、添加或刪除操作。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
什么是 HTML DOM?
HTML DOM 是 HTML 的標準對象模型和編程接口。它定義了:
-
作為對象的 HTML 元素
-
所有 HTML 元素的屬性
-
訪問所有 HTML 元素的方法
-
所有 HTML 元素的事件
換言之:HTML DOM 是關(guān)于如何獲取、更改、添加或刪除 HTML 元素的標準。
什么是 HTML DOM 方法?
HTML DOM 方法是我們可以在節(jié)點(HTML 元素)上執(zhí)行的動作。
一些 常用DOM 對象方法:
方法 | 描述 |
---|---|
getElementById() | 返回帶有指定 ID 的元素。 |
getElementsByTagName() | 返回包含帶有指定標簽名稱的所有元素的節(jié)點列表(集合/節(jié)點數(shù)組)。 |
getElementsByClassName() | 返回包含帶有指定類名的所有元素的節(jié)點列表。 |
appendChild() | 把新的子節(jié)點添加到指定節(jié)點。 |
removeChild() | 刪除子節(jié)點。 |
replaceChild() | 替換子節(jié)點。 |
insertBefore() | 在指定的子節(jié)點前面插入新的子節(jié)點。 |
createAttribute() | 創(chuàng)建屬性節(jié)點。 |
createElement() | 創(chuàng)建元素節(jié)點。 |
createTextNode() | 創(chuàng)建文本節(jié)點。 |
getAttribute() | 返回指定的屬性值。 |
setAttribute() | 把指定屬性設(shè)置或修改為指定的值。 |
推薦教程:《html視頻教程》