在js中修改html、body的样式_js给body添加样式

二、js操作，以修改宽度为例

// 获取body、html节点style（主要是这里html，一开始不清楚获取方式）
let bodyStyle = document.body.style
let htmlStyle = document.getElementsByTagName('html')[0].style
// 获取浏览器的宽度，width 也可以设置为任意值
let width = document.documentElement.clientWidth || document.body.clientWidth
// 重置body宽度
bodyStyle.width = `${width}px`
// 重置html宽度
htmlStyle.width = `${width}px`
// 或者其他样式的修改，如：
htmlStyle['min-width'] = `${width}px`
三、效果：宽度已被修改
 
                    一、原始定义先在css中定义：body, html 宽高为300pxbody, html {   width: 300px;   height: 300px;}js操作，以修改宽度为例// 获取body、html节点style（主要是这里html，一开始不清楚获取方式）let bodyStyle = document.body.stylelet htmlStyle = document.getElementsByTagName('html')[0].style// 获取浏览器的宽度
 1.文档：一个页面就是一个文档，DOM中使用document表示
 2.元素：页面中的标签都是元素，DOM中使用element表示
 3.节点：网页中所有的内容都是节点（标签、属性、文本、注释等），DOM中使用node表示
 DOM把以上内容都看做是对象
 1.获取页面元素：
 （1）根据ID获取： document.getElementById()
 // 1.因为文档页面是从上往下加载的，先得有标签， 所...
				下面我给大家介绍的是原生js更改CSS样式的两种方式：
1通过在javascript代码中的node.style.cssText="css表达式1；css表达式2；css表达式3  "的方式直接更改CSS样式。
2先在CSS样式表中对特定的类如“active类”设置样式（这里的active类是假定的，暂时不存在），然后再在javascript代码中通过node.classname="activ
				<br /><style type="text/css"><br />
    div{ border:1px solid #ccc; width:200px; height:200px;}<br />
    .a{ background:#900;}<br />
    .b{ font-size:30px; font-weight:bold;}<br />
</style><br />
    <title>无标题页</title><br />
<script type="text/jav