可通過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)
