风凌天下,殿上欢

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案

創(chuàng)新互聯(lián)HTMLDOM教程：HTMLDOM方法

HTML DOM 方法

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

創(chuàng)新互聯(lián)主營(yíng)革吉網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,成都App定制開(kāi)發(fā),革吉h5小程序制作搭建,革吉網(wǎng)站營(yíng)銷(xiāo)推廣歡迎革吉等地區(qū)企業(yè)咨詢(xún)

編程接口

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

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

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

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

getElementById() 方法

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

實(shí)例

var element=document.getElementById("intro");

嘗試一下 ?

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é)到的常用方法：

方法	描述
getElementById()	返回帶有指定 ID 的元素。
getElementsByTagName()	返回包含帶有指定標(biāo)簽名稱(chēng)的所有元素的節(jié)點(diǎn)列表（集合/節(jié)點(diǎn)數(shù)組）。
getElementsByClassName()	返回包含帶有指定類(lèi)名的所有元素的節(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 DOM常用的對(duì)象方法非常有用，所以您不能夠記下來(lái)，那么最好能夠收藏起來(lái)，或者保存網(wǎng)頁(yè)到收藏夾，以便日后查找！

網(wǎng)頁(yè)名稱(chēng)：創(chuàng)新互聯(lián)HTMLDOM教程：HTMLDOM方法
瀏覽地址：http://fisionsoft.com.cn/article/cdgochj.html