javascript - 如何更改 "html"元素的 CSS

标签 javascript html css

html {
    width:100%;
}

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

html {
    width:100%;
    overflow-y: hidden;
}

最佳答案

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

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

希望我没记错。

关于javascript - 如何更改 "html"元素的 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1141405/

相关文章:

javascript - Jquery 缓动和动画

javascript - 数据范围紧凑

javascript - jquery搜索删除表格行

html - 将一个 div 放置在容器内的另一个 div 的正下方,所有成员都具有相对位置

html - 让我的 CSS 框看起来正确,百分比宽度和边距。

css - 不换行到下一行的固定宽度 div 内的链接

javascript - 如何在弹出窗口或 iframe 中显示网页?哪个是最佳实践?

javascript - 提高js动画的性能

javascript - CSS:制作水平滚动菜单

javascript - 菜单展开和折叠