通过 JavaScript 更改类样式

Question

>我在页面头部使用style标签，使用"class"属性定义正文中元素使用的样式。例：

.itemColor { color:red; }

是否可以使用 javascript 更改标记style中定义的类中 color 属性的值？

Answer 1

对于您的示例，您将首先选择您的项目，然后更改其样式：

    myitem = document.getElementById("itemColor") // searches in all children and grandhildren of document
    myitem.style.color = "blue";

您可以对 getElementsByClassName 和 getElementsByTagName 中的元素执行相同的操作，这些元素是 HTML 集合。

通过以下内容，您可以覆盖具有该类的所有元素的属性。

myitems = document.getElementsByClassName("itemColor")  // HTMLCollection
[].forEach.call(myitems, function(subitem){
        subitem.style.color = "blue";
    }
);

console.log(myitem.style)以查看可以更改的所有属性。