HTML DOM Body用法及代码示例

DOM正文对象用于表示HTML <Body>元素。 Body元素可以通过getElementByTagName()访问。也可以使用document.body对象进行访问。

对象属性：

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

示例1：

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>body tag</title>
 
    <!-- style on the body tag -->
    <style>
        body {
            text-align:center;
        }
    </style>
</head>
 
<!-- body tag starts from here -->
 
<body>
    <h1>GeeksforGeeks</h1>
    <h2>DOM body Object</h2>
    <button onclick="myGeeks()">Submit</button>
    <p id="sudo"></p>
 
    <script>
        function myGeeks() {
            var w = document.getElementsByTagName("BODY")[0];
            w.style.backgroundColor = "dodgerblue";
        }
    </script>
</body>
 
</html>

输出：
在单击按钮之前：

单击按钮后：

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

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>Body Object</title>
    <style>
        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;
        }
    </style>
    <center>
        <H2>DOM Body Object</H2>
        <button onclick="myGeeks()">Submit</button>
        <script>
            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);
            }
        </script>
 
</head>
 
</html>

在单击按钮之前：

单击按钮后：

支持的浏览器：下面列出了DOM Body Object支持的浏览器：

谷歌浏览器
IE浏览器
Firefox
Opera
Safari

相关用法

注：本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM Body Object。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。