在DOM中訪問(wèn)指定的節(jié)點(diǎn)通過(guò)getElementsByTagName,getElementsByName,getElementById方法訪問(wèn),介紹以下這三個(gè)方法以及區(qū)別.

1.getElementByTagName("標(biāo)簽名"),返回一個(gè)包含所有標(biāo)簽名特性等于指定元素的節(jié)點(diǎn)列表.

關(guān)鍵點(diǎn):標(biāo)簽名tagName的定義,標(biāo)簽名特性總是等于小于號(hào)后面緊隨的名稱,比如<img ..>中的img <input..>的input,通過(guò)getElementsByTagName("標(biāo)簽名")獲取的是一個(gè)節(jié)點(diǎn)數(shù)組.

舉例: var obj = document.getElementsByTagName("img");

obj便是全頁(yè)面的所有圖片的一個(gè)數(shù)組,通過(guò).length能獲取圖片的個(gè)數(shù),還能通過(guò)obj[i](i是標(biāo)記序列號(hào))來(lái)進(jìn)行對(duì)象的操作.

比如第一個(gè)圖片

obj[i].height = 100;//d更改第一吐泡泡高度為100px

2.getElementsByName("元素名"),用來(lái)獲得所有name特性等于指定值的元素.獲取的結(jié)果也是一個(gè)數(shù)組

該方法獲取對(duì)象是根據(jù)name來(lái)獲取的,跟其他沒(méi)有關(guān)系.

舉例<input type='text' name ="abc"> <input type='text' name ="abc">

var obj  = documentsByName("abc");//這樣獲取了上面兩個(gè)對(duì)象

obj[0]是第一個(gè),obj[1]是第二個(gè).

前兩個(gè)方法的區(qū)別在于:第一個(gè)getElemensByTagName()這個(gè)是獲取標(biāo)簽元素的是通過(guò)<后面的內(nèi)容獲取,而getElementsByName()是通過(guò)Name獲取的.

3.getElementById()它將發(fā)揮id特性等于指定值的元素.在html中id必須是唯一的,如果有多個(gè)id相同,將會(huì)獲取對(duì)象出錯(cuò)!

舉例 <input type="text" id = "abc">

var obj = documentById("abc");//這樣即獲取了上面的對(duì)象,能對(duì)其進(jìn)行操作.

以上就是三個(gè)獲取節(jié)點(diǎn)(對(duì)象)的方法

更多信息請(qǐng)查看IT技術(shù)專欄