可通過JavaScript對(duì)HTML DOM進(jìn)行訪問

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

getElementById()方法

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

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

一些常用的HTML DOM方法:

getElementById(id) - 獲取帶有指定id的節(jié)點(diǎn)(元素)

getElementsByTagName() - 返回帶有指定標(biāo)簽名的所有元素

getElementsByClassName() - 查找?guī)в邢嗤惷乃蠬TML元素

appendChild(node) - 插入新的子節(jié)點(diǎn)(元素)

removeChild(node) - 刪除子節(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屬性:

innerHTML - 節(jié)點(diǎn)(元素)的文本值? 可獲取 可修改?

eg: document.getElementById("p1").innerHTML="New text!";

parentNode - 節(jié)點(diǎn)(元素)的父節(jié)點(diǎn)

childNodes - 節(jié)點(diǎn)(元素)的子節(jié)點(diǎn)

attributes - 節(jié)點(diǎn)(元素)的屬性節(jié)點(diǎn)