更新時間:2017-06-30 來源:黑馬程序員PHP培訓 瀏覽量:
DOM中節(jié)點的類型:
document文檔節(jié)點:代表整個網頁,document文檔節(jié)點不對應標記。是訪問文檔中各元素的起點。
element元素節(jié)點:元素節(jié)點對應于網頁中的各標記。
attribute屬性節(jié)點:每個元素都有若干個屬性。
Text文本節(jié)點:文本節(jié)點是最底層節(jié)點。
核心DOM公共屬性和方法
lnodeName:節(jié)點名稱。
lnodeValue:節(jié)點的值。
lfirstChild:第一個子節(jié)點。
llastChild:最后一個子節(jié)點。
lparentNode:父節(jié)點。
lchildNodes:子節(jié)點列表,是一個數組。
節(jié)點訪問
查找html節(jié)點的方法
ldocument.firstChild
ldocument.documentElement(兼容性較好)
查找body節(jié)點的方法
ldocument.firstChild.lastChild
ldocument.body(推薦使用)
節(jié)點屬性
1、getAttribute()——獲取屬性的值
l描述:獲取節(jié)點屬性的值。
l語法:nodeObj.getAttribute(name)
l參數:name代表當前節(jié)點的某個屬性。
l舉例:var src = imgObj.getAttribute(“src”)
2、setAttribute()——添加屬性
l描述:給某個節(jié)點添加屬性。
l語法:nodeObj.setAttribute(name,value)
l參數:
uname代表屬性名稱。
uvalue代表屬性的值。
l舉例:imgObj.setAttribute(“src” , “images/02.jpg”)
3、removeAttribute()——刪除屬性
l描述:刪除某個節(jié)點的屬性。
l語法:nodeObj.removeAttribute(name)
l舉例:imgObj.removeAttribute(“src”)