HTML DOM HGroup 对象

DOM HGroup 对象用于表示 HTML

元素。它可以通过使用 JavaScript 中的任何选择器来访问，例如getElementById() 。

句法：

document.getElementById("hgroupid");

下面的示例演示了hgroup Object的使用。

示例 1：在本示例中，HGroup 元素的背景颜色更改为绿色。

HTML

 

    
        GeeksForGeeks
        
            DOM HGroup Object
        
 
        
        
            Hello GeeksForGeeks
            Hello GeeksForGeeks.
            Hello GeeksForGeeks.
        
        
            Submit
        
    
 
    
 
 
     
    
        function myGeeks() {
            var b = document.getElementById("GFG");
            b.style.backgroundColor = "green";
        }
    

 

输出：

示例 2：在此示例中，可以使用 document.createElement() 方法创建 HGroup 对象。

HTML

 

    
        function myGeeks() {
            var x = document.createElement("HGROUP");
            document.body.appendChild(x);
 
            var Hg1 = document.createElement("H3");
            var txt = document.createTextNode(
                "GeeksForGeeks"
            );
            elemh1.appendChild(txt);
            x.appendChild(Hg1);
 
            var Hg2 = document.createElement("H4");
            var txt2 = document.createTextNode(
                "A computer science portal for Geek."
            );
            elemh2.appendChild(txt2);
            x.appendChild(Hg2);
        }
    

 

    GeeksForGeeks
    DOM HGroup Object
    
        Submit
    
    
 
 

 

输出：

支持的浏览器：

• 谷歌浏览器 5 及以上
• Internet Explorer 9 及更高版本
• 火狐 4 及以上
• Opera 11.1 及更高版本
• Safari 5 及以上
• 边缘 12 及以上