我想用 JavaScript 添加多行 CSS。我知道我可以做到这一点:
document.getElementById(id).style.property=new style
如:
<!DOCTYPE html>
<html>
<body>
<h1 id="id1">My Heading 1</h1>
<button type="button"
onclick="document.getElementById('id1').style.color = 'red'">
Click Me!</button>
</body>
</html>
但是,上面的代码只允许我添加一个 CSS 属性。如果要添加多个属性,如下所示:
#id1 {
color: red;
background-color: beige;
padding-bottom: 2px;
margin: 3px;
}
如何通过不重复来添加所有这些:
document.getElementById(id).style.property=new style
....一次又一次。提前致谢!
最佳答案
这是一个fiddle.
document.getElementById("id1").setAttribute(
"style", "color: red; background-color: beige; padding-bottom: 2px; margin: 3px;");
关于javascript - 使用 JavaScript 添加多个样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36262756/