我正在使用自定义元素创建JavaScript代码，但是我不知道如何设置元素的标准样式。我正在尝试：
switchElement.style.backgroundColor = "#555";
但是，当我更改CSS样式表时，这将行不通。有没有一种方法可以将标准样式设置为
background-color: green？喜欢：stylesheet.css
background-color: blue; /*didn't make it blue*/
html.html
<switch></switch> <!--This element is custom created by JavaScript-->
最佳答案
如果要使JS文件中显示的CSS规则比CSS文件中显示的CSS规则更重要，则应在<script>或<style>标记后添加<link>标记，如下所示：
<!DOCTYPE html>
<html>
<head>
<title>Anything You Like</title>
</head>
<body>
<div id = "switchElement"></div>
<style>
#switchElement{
background-color : red;
}
</style>
<script>
var switchElement = document.getElementById("switch element");
switchElement.style.backgroundColor = "blue";
</script>
</body>
</html>
这将使
switchElement显示为蓝色而不是红色。