HTML | DOM getElementsByTagName() 方法

HTML 中的getElementsByTagName()方法返回文档中具有给定标签名称的所有元素的集合。要提取任何信息，只需使用 length 属性遍历所有元素。

句法：

var elements = document.getElementsByTagName(name);

在哪里：

• 元素是所有找到的元素的集合，它们按照给定标签名称出现的顺序排列。
• name是一个字符串，表示元素的名称。特殊字符串“*”代表所有元素。

示例 1：

    
        DOM getElementsByTagName() Method
    
    
        
            GeeksforGeeks
        
          
        
            DOM getElementsByTagName() 
        
          
        A computer science portal for geeks.
  
        Try it
        
        function geek() {
          var doc = document.getElementsByTagName("p");
          doc[0].style.background = "green";
          doc[0].style.color = "white";
        }
        
  
    

输出：
点击按钮前：

点击按钮后：

示例 2：

    
        DOM getElementsByTagName() Method
    
    
  
        
            DOM getElementsByTagName() 
        
          
        This is the first paragraph.
          
        This is the second paragraph.
          
        This is the third paragraph.
          
        Try it
          
        
        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";
          }
        }
        
  
    

输出：
点击按钮前：

点击按钮后：

支持的浏览器： getElementsByTagName()方法支持的浏览器如下：

• 谷歌浏览器 1.0
• 浏览器 6.0
• 火狐 3.0
• 歌剧 9.5
• Safari 3.0