javascript - 单击更改类样式值而不更改类名称

Question

我需要在单击时将类样式属性颜色的值从红色更改为绿色。

<style>
.c1
{
color : RED;
}

</style>

<a id="a1" class="c1" onclick="changeclassstyle()">
Hi
</a>

<script>
function changeclassstyle()
{
/* here i need to change the style of class c1 */
}
</script>

我需要将 c1 类的颜色更改为绿色。

注意:我不希望使用“ID”完成它并且我不想创建新> 类(class)并更改类(class)名称。我希望它以相同的类名发生。

Answer 1

function changeclassstyle() {
  var c = document.getElementsByClassName("c1");
  for (var i=0; i<c.length; i++) {
    c[i].style.color = "green";
  }
}

.c1 {
  color : RED;
}

<a id="a1" class="c1" onclick="changeclassstyle()">
Hi
</a>