HTML DOM getElementsByTagName()用法及代碼示例

HTML中的getElementsByTagName()方法返回具有給定標簽名的文檔中所有元素的集合。要提取任何信息，隻需使用length屬性遍曆所有元素。

用法:

var elements = document.getElementsByTagName(name);

哪裏：

元素是所有找到的元素(以給定標簽名稱出現的順序)的集合。
名稱是代表元素名稱的字符串。特殊字符串“*”表示所有元素。

範例1：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>DOM getElementsByTagName() Method</title> 
    </head> 
    <body style = "text-align:center"> 
        <h1 style = "color:green;"> 
            GeeksforGeeks 
        </h1> 
          
        <h2 > 
            DOM getElementsByTagName()  
        </h2> 
          
        <p>A computer science portal for geeks.</p> 
  
        <button onclick="geek()">Try it</button> 
        <script> 
        function geek() { 
          var doc = document.getElementsByTagName("p"); 
          doc[0].style.background = "green"; 
          doc[0].style.color = "white"; 
        } 
        </script> 
  
    </body> 
</html>

輸出：
在點擊按鈕之前：
tagname
單擊按鈕後：
tagname

範例2：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>DOM getElementsByTagName() Method</title> 
    </head> 
    <body style = "text-align:center"> 
  
        <h2 style = "color:green;"> 
            DOM getElementsByTagName()  
        </h2> 
          
        <p>This is the first paragraph.</p> 
          
        <p>This is the second paragraph.</p> 
          
        <p>This is the third paragraph.</p> 
          
        <button onclick="geek()">Try it</button> 
          
        <script> 
        function geek() { 
          var doc = document.getElementsByTagName("P"); 
          var i; 
          for (i = 0; i < doc.length; i++) { 
            doc[i].style.backgroundColor = "green"; 
            doc[i].style.color = "white"; 
          } 
        } 
        </script> 
  
    </body> 
</html>

輸出：
在點擊按鈕之前：
tagname
單擊按鈕後：
tagname

支持的瀏覽器：下麵列出了getElementsByTagName()方法支持的瀏覽器：

穀歌瀏覽器1.0
Internet Explorer 6.0
Firefox 3.0
Opera 9.5
Safari 3.0

相關用法

注：本文由純淨天空篩選整理自Vishal Chaudhary 2大神的英文原創作品 HTML | DOM getElementsByTagName() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。