首先我們來看個(gè)示例:
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è)的情況
有一個(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.
新聞熱點(diǎn)
疑難解答