Question

我正在使用自定义元素创建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-->

Answer 1

如果你的＆＃34; switchElemet＆＃34;变量是选择适当的元素然后它应该工作。

检查变量这是元素还是null。试试console.log（switchElemet）。

Answer 2

如果您想让CSS文件中的CSS规则比CSS文件中的CSS规则更重要，那么您应该在SmartInitializingSingleton或<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>显示为蓝色而不是红色。

JavaScript - 创建自定义元素并应用标准样式

2 个答案: