document.getElementsByTagName 基本語法
var elements = document.getElementsByTagName( tag name );
請將要找的特定標籤名稱(tag name)直接放入函式中即可。
document.getElementsByTagName 範例
<script type="text/javascript">
function GoCountNum(x){
alert(document.getElementsByTagName(x).length); }
</script>
<form></form><br>
<form></form><br>
<table></table><br>
<input type="button" onclick="GoCountNum('form')" value="計算表單數量">
<input type="button" onclick="GoCountNum('table')" value="計算表格數量">
範例中我們先準備了兩個 HTML Form 標籤與ㄧ個 HTML Table 標籤,並寫了一個簡單的 function 準備來計算數量,兩個功能按鈕分別用來計算表單數量以及計算表格數量,按鈕會呼叫 GoCountNum 函式,並統計出 HTML Form 或 HTML Table 的總數量。function GoCountNum(x){
alert(document.getElementsByTagName(x).length); }
</script>
<form></form><br>
<form></form><br>
<table></table><br>
<input type="button" onclick="GoCountNum('form')" value="計算表單數量">
<input type="button" onclick="GoCountNum('table')" value="計算表格數量">
由此範例可以看出 getElementsByTagName 在這種大量統計 HTML 文件中特定標籤相當好用,在這個部分與 getElementsByName 類似。如果你是想要單獨取得特定 id 的值,建議使用 getElementById 會比較容易些。
推薦給您的相關主題