Javascript 如何更改；html"；元素'；s CSS

如何使用JavaScript在单击按钮时动态更改

html

标记的CSS？我的意思是，我想制作上面的HTML CSS，如下所示。但我必须使用脚本动态地更改它。我们可以这样做吗

html {
    width:100%;
}

---

也许有更简单的方法，但是

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

htmlTags=document.getElementsByTagName（“html”）
对于（var i=0；i

---

希望我记得一切都对。

可能有一个更简单的方法，但是

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

htmlTags=document.getElementsByTagName（“html”）
对于（var i=0；i

---

希望我记住了所有的事情。

似乎你想学习如何使用javascript框架/工具包：

• 等等
• 等等
• 等等

---

您似乎想学习如何使用javascript框架/工具包：

• 等等
• 等等
• 等等

---

首先，我不建议直接在html元素上设置样式。body标记是DOM显示列表的顶部节点，Firefox将把应用于

html

的样式解释为应用于

body

的样式。其他浏览器的行为可能会有所不同

正如beggs提到的，我建议学习一种流行的javascript框架。它们使类似这样的事情（HTML遍历和操作）变得更容易一些。目前，您可以使用标准DOM方法编写以下代码。这需要将id为“button”的元素放在标记中的某处

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

或者，如果要使用jQuery：

window.onload = function(e) {

    var button = document.getElementById("button");

    button.onclick = function(e) {
        document.body.style.overflowY = "hidden";
        return false;
    }
}

---

首先，我不建议直接在html元素上设置样式。body标记是DOM显示列表的顶部节点，Firefox将把应用于

html

的样式解释为应用于

body

的样式。其他浏览器的行为可能会有所不同

正如beggs提到的，我建议学习一种流行的javascript框架。它们使类似这样的事情（HTML遍历和操作）变得更容易一些。目前，您可以使用标准DOM方法编写以下代码。这需要将id为“button”的元素放在标记中的某处

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

或者，如果要使用jQuery：

window.onload = function(e) {

    var button = document.getElementById("button");

    button.onclick = function(e) {
        document.body.style.overflowY = "hidden";
        return false;
    }
}

---

啊，谢谢，我不认为在这个例子之前我曾经用破折号设置过样式属性，如果它起作用（我没有费心去检查，也记不起来了），只需拉取第一个值就可以了，因为（理想情况下）应该只有一个HTML标记。htmlTags=document.getElementsByTagName（“html”）[0].style.overflowY=“hidden”；啊，谢谢，我不认为在这个例子之前我曾经用破折号设置过样式属性，如果它起作用（我没有费心去检查，也记不起来了），只需拉取第一个值就可以了，因为（理想情况下）应该只有一个HTML标记。htmlTags=document.getElementsByTagName（“html”）[0].style.overflowY=“hidden”；