国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JavaScript中document.forms[0]與getElementByName區(qū)別

2019-11-20 13:20:26
字體:
供稿:網(wǎng)友

首先我們來看個(gè)示例:

復(fù)制代碼 代碼如下:

<form name="buyerForm" method="post" action="/mysport/control/user/list.do">
<input type="checkbox" id="usernames" value="testtest" >testtest<br>
<input type="checkbox" name="usernames" value="testtest" >testtest<br>
<input type="text" id="usernames" value="testtest" >testtest<br>
</form>

document.forms[0]在HTML頁面中有一個(gè)form表單或者多個(gè)form表單的時(shí)候,都是返回一個(gè)NodeList類型的form數(shù)組
document.forms[0].usernames,這里的usernames可以是id的值,也可以是name的值,在這里這兩個(gè)屬性是等價(jià)的。而且,不會區(qū)分組件是文本框,是單選框,還是復(fù)選框。

這時(shí)要區(qū)分兩種情況

有一個(gè)input的id或者name為'usernames'的時(shí)候,document.forms[0].usernames返回的是具體的input組件,這時(shí)如果操作的話,就要按照具體的組件操作方法來使用。

此時(shí),alert(document.forms[0].usernames.length)返回的是undefined,因?yàn)閕nput組件沒有l(wèi)ength這個(gè)屬性。
有兩個(gè)或者兩個(gè)以上input的id或者name為'usernames'的時(shí)候,document.forms[0].usernames返回的是NodeList數(shù)組,此時(shí),
alert(document.forms[0].usernames.length)會返回?cái)?shù)組的長度,上邊的例子中,返回值是3
所以,當(dāng)使用js進(jìn)行全選的時(shí)候,要考慮同名復(fù)選框有一個(gè)和多個(gè)的情況

復(fù)制代碼 代碼如下:

function allSelect(){
var form = document.forms[0];
var state = form.allselectbox.checked;
var length = form.usernames.length;//當(dāng)有兩個(gè)或者兩個(gè)以上的復(fù)選框name為usernames的時(shí)候,返回的是數(shù)組的長度
//當(dāng)有一個(gè)復(fù)選框name為usernames的時(shí)候,form.usernames返回的是復(fù)選框?qū)ο螅皇菙?shù)組,所以其length屬性是undefined
if(length){ //在javascript中,只要被判斷的條件是0,null,或者undefined,均被認(rèn)為是false,其他情況均認(rèn)為是true
for(var i=0;i<length;i++){
form.usernames[i].checked=state;
}
}
else{
form.usernames.checked=state;
}
}

有一個(gè)組件id為'usernames'或者多個(gè)組件id為'usernames',document.getElementById('usernames')返回的值都是一個(gè)表單組件,當(dāng)有多個(gè)組件id為'usernames',返回的是第一個(gè)id為'usernames'組件。
有一個(gè)組件name為'usernames'或者多個(gè)組件name為'usernames',document.getElementsByName()返回的都是HTMLCollection數(shù)組。注意與document.getElementsByTagName()的區(qū)別,后者是根據(jù)標(biāo)簽類別獲取數(shù)組。
var names = document.getElementsByTagName("usernames"),alert(names[0])這里返回的結(jié)果是undefined,我原來把byName與byTagName弄混了,而沒有標(biāo)簽是以usernames開始的,<usernames value=''></usernames>這是不存在的。
但是getElementsByTagName返回的依然是數(shù)組集合,其不含任何內(nèi)容,names[0]不存在,所以返回的是undefined,因?yàn)槌鰯?shù)組范圍的時(shí)候,彈出的都是undefined值。
var test = {'0','1','2',};alert(test[3]);返回的是undefined.

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 蓬安县| 宜黄县| 观塘区| 沙田区| 色达县| 民丰县| 周口市| 庆安县| 石棉县| 德令哈市| 南宁市| 文山县| 泸水县| 邵阳市| 三台县| 岐山县| 策勒县| 滨海县| 贵南县| 鹿邑县| 五华县| 黎城县| 龙门县| 北京市| 哈尔滨市| 友谊县| 吴江市| 界首市| 竹山县| 淄博市| 汨罗市| 高青县| 仪征市| 册亨县| 武穴市| 娱乐| 隆昌县| 临潭县| 石林| 阜宁县| 黄浦区|