使用JavaScript更改css文件属性值

Question

使用JavaScript更改CSS值的最佳方法是什么？ 例如，如果我有一个style.css文件：

#h1 {
 color: 'red';
}

我需要将颜色更改为任何其他颜色并更新CSS文件。

Answer 1

document.querySelector('#h1').style.color = 'your-color';

Answer 2

<强> JS：

document.getElementById("elementsId").style.color= "red";

我的建议是不要使用h1之类的Id名称，因为它可能会与html中的<h1>标记混淆。使用更清晰的变量名称，例如headerId。

更改多个css属性使用：

document.getElementById(elementsId).setAttribute("style","wi‌​dth: 500px; background-color: yellow;");

Answer 3

用于多个css属性更改使用classname添加.it减少dom中的代码行

document.querySelector('#h1').classList.add('your-class')

Answer 4

$('h1').css('color','#ff5722');

#h1 {
 color: 'red';
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1> this color tho</h1>

Jquery来自javascript，所以一旦你学习了jquery，你有时会回到javascript