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元素中的内容时,新内容会覆盖所有原来的内容。