javascript下一種表單元素擷取方法存在的問題

一. 測試環境
瀏覽器: IE6+, FF 3.5.5, Opera 10, Chrome 4.0.249, Safari 4.0.3

二. 例子
複製代碼 代碼如下:<form name="test-form" action="" method="">
<input type="checkbox" name="kk">
<form>
<script type="text/javascript">
var oForm = document.forms['test-form'],
eles = oForm.elements['kk'];
alert(eles.length); // undefined
alert(eles.nodeType); // 1
</script>

三. 解決方案(我想到的方法是改變擷取方式, 基於YUI) 複製代碼 代碼如下:<script type="text/javascript">
var oForm = document.forms['test-form'],
eles = YAHOO.util.Dom.getElementsBy(function(el) {
return el.type === 'checkbox' && el.name === 'kk';
}, 'input', oForm);
alert(eles.length); // 1
</script>

document.formname.inputname

這個問題我之前已經遇到過一次了，但是這次又忘記了，依然又犯錯了，所以我必須要記錄一下。

看一下這個例子： 複製代碼 代碼如下:<form name="hehe">
<input type="checkbox" name="haha" />
</form>
<form name="hehe2">
<input type="checkbox" name="haha" />
<input type="checkbox" name="haha" />
</form>
<script type="text/javascript">
document.write(document.hehe.haha.length);
document.write('<br />');
document.write(document.hehe2.haha.length);
</script>

示範 xmlns="http://www.w3.org/1999/xhtml">