JS document.body属性，获取body元素

document.body属性

JavaScript中的document对象中的body属性，可以获取当前HTML文档的body元素。

返回值

body元素，类型为[object HTMLBodyElement]。

document.body属性实例代码，及在线编辑器

下方的实例代码将通过一个document.body获取body元素，并通过element.style.attribute方法改变body元素的样式，并将其封装在一个函数中，可实现两种模式（夜间模式和日间模式）的切换：

<button onclick='setModel("day")'>日间模式</button><br><br>
<button onclick='setModel("night")'>夜间模式</button>

<script>
  function setModel(arg){
    var a = document.body;
    if(arg == "day"){
      a.style.backgroundColor = 'rgb(193,250,239)';
    }else{
      a.style.backgroundColor = 'rgb(100,125,121)';
    }
  }
</script>

实例代码解析

当然，要设置一个完整的日间模式和夜间模式还有许多细节需要完善，这里就不多介绍了。

全栈编程 / JavaScript语法(可向下滚动)：