document.getElementsByName 基本語法
document.getElementsByName( name )
簡單來說就是直接把要讀取的 name 放進函式中，僅管 document.getElementsByName 已被取消，但還是可以用他來做ㄧ些運用，例如統計 HTML 文件中的某個 name 元素總數量有多少，請參考以下範例。
document.getElementsByName 範例
<script type="text/javascript">
function GoCountNum(){
alert(document.getElementsByName("test").length);
}
</script>
<input name="test" type="text"><br>
<input name="test" type="text"><br>
<input name="test" type="text"><br><br>
<input type="button" onclick="GoCountNum()" value="計算欄位數量">
function GoCountNum(){
alert(document.getElementsByName("test").length);
}
</script>
<input name="test" type="text"><br>
<input name="test" type="text"><br>
<input name="test" type="text"><br><br>
<input type="button" onclick="GoCountNum()" value="計算欄位數量">
範例中我們準備了三個 HTML input text 文字輸入欄位以及ㄧ個 HTML button 按鈕，透過 document.getElementsByName 取得這份 HTML 文件的 name="test" 物件集合，並使用 alert 將陣列長度透過對話視窗顯示，這個範例的答案是 3，共有三個 name="test" 物件集合。
推薦給您的相關主題