沒有document.getElementByName方法

2019-11-20 22:23:17

字體：大中小

來源：轉載

供稿：網友

首先聲明的是：
document.getElementByName方法沒有。document.getElementsByName得到的是標簽的數組
document.getElementId得到的是某一個標簽
<form name="form_write">
<input name="content" type="text">

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

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 id='CBylawIndexName' class='normalNode' value='all' >全部</span>" 
<span id='CBylawIndexName' class='normalNode' value='ALL' >全部</span>" 

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.getElementsByTagName("p")[1].childNodes[0].nodeValue; 

上一篇：js里取容器大小、定位、距離等屬性搜集整理

下一篇：js中符號轉意問題示例探討

學習交流

索泰發布一款GTX 1070 Mini迷你版本:小機

索泰發布一款GTX 1070 Mini迷你版本:小機箱大愛...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注