document.body 属性

Posted 2021-07-14 乱舞春秋__

 document.body 属性用于设置或返回当前文档的body元素。

1.返回当前文档的body 元素

语法格式：

document.body

示例：

（1）获取body元素

        var body = document.body;
        console.log(body);

控制台输出：

（2）获取body元素内部的内容

var content = document.body.innerhtml; 

2. 设置当前文档的body元素

语法格式：

document.body = 新内容；

示例：

（1）设置body元素的背景颜色

        var body = document.body;
        body.style.backgroundColor = '#e1e2e3'; //设置body元素的背景颜色

（2）设置body元素中的内容

        var body = document.body;
        body.innerHTML = '<a href="#">超链接</a>'; 

值得一提的是，设置body元素中的内容时，新内容会覆盖所有原来的内容。