HTML | DOM 主体对象

DOM Body 对象用于表示 HTML 元素。 Body 元素通过 getElementByTagName() 访问。它也可以通过使用document.body对象访问。

对象属性：

• Alink：用于设置或返回文档中活动链接的颜色。
• background：用于设置或返回文档的背景图像。
• bgColor：用于设置或返回文档的背景色。
• 链接：用于设置或返回文档中未访问链接的颜色。
• text：用于设置或返回文档中文本的颜色。
• vLink：用于设置或返回文档中访问链接的颜色。

示例 1：

HTML

 

    body tag
 
    
    
        body {
            text-align: center;
        }
    

 

 

    GeeksforGeeks
    DOM body Object
    Submit
    
 
    
        function myGeeks() {
            var w = document.getElementsByTagName("BODY")[0];
            w.style.backgroundColor = "dodgerblue";
        }
    

 

输出：
点击按钮前：

点击按钮后：

示例 2：可以使用 document.createElement方法创建 Body 对象。

HTML

 

    Body Object
    
        h2 {
            font-size: 40px;
        }
         
        .gfg {
            font-size: 30px;
            text-align: center;
        }
         
        h1 {
            text-align: center;
        }
         
        p {
            font-size: 20px;
            margin: 20px 0;
            text-align: center;
        }
    
    
        DOM Body Object
        Submit
        
            function myGeeks() {
                var w = document.createElement("BODY");
                w.setAttribute("id", "GFG");
                document.body.appendChild(w);
 
                var heading = document.createElement("H1");
                var text1 = document.createTextNode("GeeksForGeeks");
                heading.appendChild(text1);
                document.getElementById("GFG").appendChild(heading);
 
                var para = document.createElement("P");
                var text2 =
                document.createTextNode("A Computer Science Portal"
                +" for Geeks.");
                para.appendChild(text2);
                document.getElementById("GFG").appendChild(para);
            }
        
 

 
                  

点击按钮前：

点击按钮后：

支持的浏览器： DOM Body 对象支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器