document.getElementsByTagName

document.getElementsByTagName 可以取得 HTML 文件中的特定 TagName 標籤名稱的對象集合,其用法與 getElementsByName 以及 getElementById 類似,但 getElementsByTagName 取得的特定標籤並非單一個,如果網頁中有很多個相同的 Tag Name 會ㄧ次取回,並根據各個 Tag Name 所在的位置順序排序,幾乎所有主流的瀏覽器均支援 document.getElementsByTagName 屬性。

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 FormHTML Table 的總數量。

由此範例可以看出 getElementsByTagName 在這種大量統計 HTML 文件中特定標籤相當好用,在這個部分與 getElementsByName 類似。如果你是想要單獨取得特定 id 的值,建議使用 getElementById 會比較容易些。

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