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

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

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

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

obj便是全頁面的所有圖片的一個數(shù)組,通過.length能獲取圖片的個數(shù),還能通過obj[i](i是標記序列號)來進行對象的操作.

比如第一個圖片

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

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

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

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

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

obj[0]是第一個,obj[1]是第二個.

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

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

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

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

以上就是三個獲取節(jié)點(對象)的方法

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