如何更改“html”元素的 CSS

3 html javascript css

html {
    width:100%;
}
Run Code Online (Sandbox Code Playgroud)

如何html使用 JavaScript 在单击按钮时动态更改标签的 CSS?我的意思是我想将上面的 HTML CSS 制作如下。但我必须使用脚本动态更改它。我们可以这样做吗?

html {
    width:100%;
    overflow-y: hidden;
}
Run Code Online (Sandbox Code Playgroud)

Sam*_*uel 5

可能有更简单的方法,但是

htmlTags = document.getElementsByTagName("html")
for(var i=0; i < htmlTags.length; i++) {
    htmlTags[i].style.overflowY = "hidden";
}
Run Code Online (Sandbox Code Playgroud)

希望我没记错一切。