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