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语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.