提问者:小点点

如何使用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