方法是我們可以在節(jié)點(HTML 元素)上執(zhí)行的動作。
編程接口
可通過 JavaScript (以及其他編程語言)對 HTML DOM 進(jìn)行訪問。
所有 HTML 元素被定義為對象,而編程接口則是對象方法和對象屬性。
方法是您能夠執(zhí)行的動作(比如添加或修改元素)。
屬性是您能夠獲取或設(shè)置的值(比如節(jié)點的名稱或內(nèi)容)。
getElementById() 方法
getElementById() 方法返回帶有指定 ID 的元素:
例子
var element=document.getElementById("intro");
親自試一試
HTML DOM 對象 - 方法和屬性
一些常用的 HTML DOM 方法:
- getElementById(id) - 獲取帶有指定 id 的節(jié)點(元素)
- appendChild(node) - 插入新的子節(jié)點(元素)
- removeChild(node) - 刪除子節(jié)點(元素)
一些常用的 HTML DOM 屬性:
- innerHTML - 節(jié)點(元素)的文本值
- parentNode - 節(jié)點(元素)的父節(jié)點
- childNodes - 節(jié)點(元素)的子節(jié)點
- attributes - 節(jié)點(元素)的屬性節(jié)點
您將在本教程的下一章中學(xué)到更多有關(guān)屬性的知識。
現(xiàn)實生活中的對象
某個人是一個對象。
人的方法可能是 eat(), sleep(), work(), play() 等等。
所有人都有這些方法,但會在不同時間執(zhí)行它們。
一個人的屬性包括姓名、身高、體重、年齡、性別等等。
所有人都有這些屬性,但它們的值因人而異。
一些 DOM 對象方法
這里提供一些您將在本教程中學(xué)到的常用方法:
方法 | 描述 |
---|
getElementById() | 返回帶有指定 ID 的元素。 |
getElementsByTagName() | 返回包含帶有指定標(biāo)簽名稱的所有元素的節(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è)置或修改為指定的值。 |