首頁 >web前端 >js教程 >沒有document.getElementByName方法_javascript技巧

沒有document.getElementByName方法_javascript技巧

WBOY
WBOY原創
2016-05-16 17:25:081476瀏覽
首先聲明的是:
document.getElementByName方法沒有。 document.getElementsByName得到的是標籤的陣列
document.getElementId得到的是某一個標籤



然而可以用很淺顯的方式得到如:

var fn = document.getElementsByName("form_write")[0]; //得到這個form下的物件
fn.content.value;//就直接去用這個物件取值就可以了。
document.getElementById 1、getElementById

作用:一般頁面裡ID是唯一的,用於準備定位一個元素
語法: document.getElementById(id)
參數:id :必選項為字串(String)
傳回值:物件; 傳回相同id物件中的第一個,按在頁中出現的順序,如果無符合條件的對象,則傳回null

example :
複製程式碼 程式碼如下:

document.getElementById("id1").value;


2、getElementsByName

作用:依元素的名稱尋找,傳回一個同名元素的陣列
語法: document.getElementsByName( name)
參數:name :必選項為字串(String)
傳回值:陣列物件; 如果無符合條件的對象,則傳回空數組,按在頁面中出現的次序
注意:傳回數組值為value屬性的值,
如果某標籤無value屬性,當你加入上value屬性並賦值後,getElementsByName也能取到其值,
當未對value屬性賦值時, getElementsByName傳回數組值將是undefined ,
但仍能取得相同name標籤的個數document.getElementsByName(name).length
當未設定name屬性時document.getElementsByName仍能使用,它將根據你id取得value屬性的值

example:
複製代碼 代碼如下:

document. getElementsByName("name1")[0].value;
document.getElementsByName("name1")[1].value;
全部"
全部"

span標籤其實沒有name和value屬性
但document.getElementsByName("CBylawIndexName")仍將取得value的值

3、getElementsByTagName

作用:按HTML標籤名查詢,傳回一個相同標籤元素的陣列
語法: object.getElementsByTagName(tagname) object可以是document或event.srcElement.parentElement等
參數:tagname:必選項為字串(String),根據HTML標籤檢索。
傳回值:陣列物件; 若無符合條件的對象,則傳回空數組,依頁中出現的次序

example:
複製程式碼 程式碼如下:

document.getElementsByTagName("p")[0].childNodes[0].nodeValue;
document.TaggetElementsBychildNodes[0].nodeValue;
document.TaggetElementsByNameNodes( "p")[1].childNodes[0].nodeValue;
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn