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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。