使用JavaScript更新CSS代码时可以使用CSS变量吗？

Question

我是DOM的新手，当我抛出一个事件时，我试图更改一些CSS代码。我正在尝试查找有关此信息，但未找到任何信息。我在JavaScript文档中编写的上载CSS代码在哪里？我不知道代码是否写在CSS文件中，是否可以使用我那里的变量。或用HTML属性或其他位置编写的代码。

Answer 1

JavaScript可以操纵通过style attribute应用于元素的CSS：

style

var example = document.getElementById('example');
example.style.color = 'red';

请注意，<div id="example">Example</div>属性具有style的1,0,0,0点，因此，如果同时通过JavaScript和样式表对元素进行样式化，则JavaScript样式将具有优先级（并应用于元素）：>

specificity

唯一可以覆盖样式表中的属性的是style。

Answer 2

如果您问如何使用javascript更改元素的CSS属性，可以参考!important declaration以供参考。