我需要能够更改应用于的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);
}
您需要获得html元素的引用,在操作DOM之后,下面是一个示例:
document.getElementById('yourElementIdHere').style.color = 'red';
如果您希望获得您的身体引用来操纵DOM,您可以这样做。在此之后,您可以使用style属性更改主体的样式,并将字符串与CSS一起使用。
document.querySelector("body").style = yourCssStringVar;
这个链接也可以帮助您:JavaScript HTML DOM更改CSS