HTML | DOM 主体属性

HTML DOM Body 属性用于设置文档 元素。它只返回 标签中存在的内容。此属性用于更改 元素内的当前内容，并将它们设置为新的指定内容。此属性不返回 元素。
句法：

• 此语法返回 body 属性。

document.body

• 此语法用于设置 body 属性。

document.body = Content

属性值： document.body 属性使用单值Content ，用于在 body 元素中添加新内容。
示例 1：

html

    
        DOM body property
        
            body {
                text-align:center;
            }
            h1 {
                color:green;
            }
        
    
    
        GeeksforGeeks
        DOM body property
        Submit
        
 
        
            function geeks() {
                var x = document.body.innerHTML;
                document.getElementById("gfg").innerHTML =
                "Display the body content:<br>" + x;
            }
        
    

输出：

点击按钮前：

点击按钮后：

示例 2：

html

    
        DOM body property
        
            h1 {
                color:green;
            }
            body {
                text-align:center;
            }
        
    
    
        GeeksforGeeks
        DOM body property
        Submit
        
            function geeks() {
                document.body.innerHTML = "<h1>"
                + "GeeksforGeeks"
                + "</h1>" + "<br>" + "<h2>"
                + "New Content Added"
                + "</h2>";
            }
        
    
                   

输出：

支持的浏览器： DOM body 属性支持的浏览器如下：

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