HTML DOM 方法

HTML DOM 方法

HTML DOM方法是我們可以在節(jié)點(diǎn)（HTML 元素）上執(zhí)行的動(dòng)作，學(xué)習(xí)HTML DOM方法對(duì)您學(xué)習(xí)HTML DOM是必不可少的，開始您的學(xué)習(xí)吧！

編程接口

可通過 JavaScript （以及其他編程語(yǔ)言）對(duì) HTML DOM 進(jìn)行訪問。

所有 HTML 元素被定義為對(duì)象，而編程接口則是對(duì)象方法和對(duì)象屬性。

方法是您能夠執(zhí)行的動(dòng)作（比如添加或修改元素）。

屬性是您能夠獲取或設(shè)置的值（比如節(jié)點(diǎn)的名稱或內(nèi)容）。

getElementById() 方法

getElementById() 方法返回帶有指定 ID 的元素：

HTML DOM 對(duì)象 - 方法和屬性

一些常用的 HTML DOM 方法：

• getElementById(id) - 獲取帶有指定 id 的節(jié)點(diǎn)（元素）
• appendChild(node) - 插入新的子節(jié)點(diǎn)（元素）
• removeChild(node) - 刪除子節(jié)點(diǎn)（元素）

一些常用的 HTML DOM 屬性：

• innerHTML - 節(jié)點(diǎn)（元素）的文本值
• parentNode - 節(jié)點(diǎn)（元素）的父節(jié)點(diǎn)
• childNodes - 節(jié)點(diǎn)（元素）的子節(jié)點(diǎn)
• attributes - 節(jié)點(diǎn)（元素）的屬性節(jié)點(diǎn)

您將在本教程的下一章中學(xué)到更多有關(guān)屬性的知識(shí)。

現(xiàn)實(shí)生活中的對(duì)象

某個(gè)人是一個(gè)對(duì)象。

人的方法可能是 eat(), sleep(), work(), play() 等等。

所有人都有這些方法，但會(huì)在不同時(shí)間執(zhí)行它們。

一個(gè)人的屬性包括姓名、身高、體重、年齡、性別等等。

所有人都有這些屬性，但它們的值因人而異。

一些 DOM 對(duì)象方法

這里提供一些您將在本教程中學(xué)到的常用方法：

上表中的HTML DOM常用的對(duì)象方法非常有用，所以您不能夠記下來，那么最好能夠收藏起來，或者保存網(wǎng)頁(yè)到收藏夾，以便日后查找！