如何使用Javascript将样式表应用到元素
我需要能够更改应用于的css。如何使用javascript实现这一目标？
我的css存储为一个Javascript变量中的字符串。我不使用css文件。css由大约50个类组成，因此逐个应用它们是没有意义的。我知道如何通过更改最低类来实现这一点，但我只是想看看是否可以使用Javascript命令和变量。
伪码
var x = "#nav-bar-wrapper {
background-color: #4a3e7d;
padding: 20px 0;
}
#header-nav {
display: flex;
justify-content: center;
}...";
function changeCss() {
var el = $('myelement');
SomeJavaScriptFunction(el, x);
}
共有1个答案
您需要获得html元素的引用，在操作DOM之后，下面是一个示例：
document.getElementById('yourElementIdHere').style.color = 'red';
如果您希望获得您的身体引用来操纵DOM，您可以这样做。在此之后，您可以使用style属性更改主体的样式，并将字符串与CSS一起使用。
document.querySelector("body").style = yourCssStringVar;
这个链接也可以帮助您：JavaScript HTML DOM更改CSS
-
问题内容： 我有一个元素。如何将CSS样式应用于此元素的所有子元素？我只想将样式应用于子元素。不是它的大孩子。 我可以用 这对所有孩子都有效，但我想对所有孩子都适用的解决方案。我以为我可以用，但是 不起作用。 编辑 该选择不使用Firefox 26应用规则，并有根据萤火没有其他规则的保证金。如果我替换为，它会起作用。 问题答案： 这些子元素的后代将（可能）继承分配给那些子元素的大多数样式。 您需要
-
浏览器：edge 项目中存在一个div 发现无论如何也无法显示出来，查看样式，发现是下面的用户代理样式表写了display none导致的，为什么会出现这个用户代理样式表，且只针对于特定的div 在firefox中打开就可以正常显示，请问我该如何解决？
-
我想使用XSL编码在XML开始时添加样式表标记 输入XML：
-
问题内容： 我正在使用CMS，它阻止我们编辑头部。我需要在标记之后立即向网站添加CSS样式表。有没有办法用JS做到这一点，我可以在页面底部添加一个脚本（我可以在标记之前添加脚本），然后将样式表注入到头部？ 问题答案： 更新 ：根据规格，该元素不允许出现在体内。但是，大多数浏览器仍会很好地呈现它。因此，要回答的意见问题- 一个真正具有添加到页面，而不是的。 或使用jQuery轻松一点 原始答案 ：
-
我试图使用python-docx模块将样式应用于文档中的段落。我可以写新的文本，但我不能对以前写的段落应用不同的风格。 以下是一个例子： 我无法从文档中判断这是否有效。这似乎表明段落样式是可写的，但是文档中没有这个用例的例子。 请让我知道这是我的问题，还是功能尚未实现。
-
问题内容： 我一直在使用Pro JavaScript Techniques的John Resig 函数来获取元素的样式： 是否可以仅获取样式表指定的元素样式（如果样式未定义，则返回null）？ 更新： 为什么我需要这样的野兽？我正在构建一个允许用户设置元素样式的小组件。一个可应用的样式是- ，， -使用无样式元素默认。这使得无法确定元素是居中还是因为用户希望居中，还是因为这是默认样式而居中。 问题