document.getElementsByName

document.getElementsByName 可找出 HTML 文件中的的特定 Name 對象集合,用法與 document.getElementById 類似,但由於 HTML 文件中可能會出現不只ㄧ個的 Name,所以 document.getElementsByName 所回傳的並非單一 Name 值,而是回傳ㄧ個 JavaScript Array 陣列元素集合,每個陣列值就是 document.getElementsByName("Name")[i] 這樣,但 getElementsByName 在 DOM Level 3 已被取消了,若要取得 HTML 的元素也可以使用 document.getElementByIddocument.getElementsByTagName 等方式。

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="計算欄位數量">



範例中我們準備了三個 HTML input text 文字輸入欄位以及ㄧ個 HTML button 按鈕,透過 document.getElementsByName 取得這份 HTML 文件的 name="test" 物件集合,並使用 alert 將陣列長度透過對話視窗顯示,這個範例的答案是 3,共有三個 name="test" 物件集合。

推薦給您的相關主題
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012
PHP Smarty MySQL JQuery Apache W3C