使用 JavaScript 向 HTML 和正文添加样式 [重复]答案

【问题标题】：adding styles to HTML and Body using JavaScript [duplicate]使用 JavaScript 向 HTML 和正文添加样式 [重复]
【发布时间】：2020-06-18 14:42:00
【问题描述】：

我想使用 Javascript 将我作为 CSS 呈现的这些样式添加到 HTML 和 Body 标签：

html, body {
  overflow-y:hidden;
  height:100%;
}

问题是如何？

【问题讨论】：

问题实际上是为什么？

标签： javascript html css

【解决方案1】：

这很简单：

var html = document.documentElement; // <html> tag
var body = document.body; // <body> tag

html.style.height = body.style.height = '100%';
html.style.overflowY = body.style.overflowY = 'hidden';

【讨论】：

【解决方案2】：

您可以使用 querySelector 来完成此操作，如果元素有多个实例，则可以使用 querySelectorAll。你这样做：

document.querySelector("html").style.overflowY = "hidden";
document.querySelector("html").style.height = "100%";
document.querySelector("body").style.overflowY = "hidden";
document.querySelector("body").style.height = "100%";

如果你不喜欢 querySelector，你应该知道有很多不同的方法可以做到这一点，比如 document.getElementByTagName("html")

【讨论】：

语法错误；应该是overflowY，而不是overflow-y
@Gershom 抱歉！！修好了