时间戳

首页 > 解决方案 > 更改按钮切换的颜色

javascript - 更改按钮切换的颜色

问题描述

我有一个代码应该在按钮单击时在透明和白色之间切换颜色。这是codepen链接。

div我要改变颜色的有课points

<div class="points">100 points</div>

但是运行这个 javascript 代码会返回一个错误

 document.getElementsByClassName('points').style.color = color;

未捕获的类型错误：无法读取未定义的属性“颜色”

标签： javascripthtmlcss

解决方案

getElementsByClassName() 方法返回文档中具有指定类名的所有元素的集合，作为 NodeList 对象。

使用以下代码来实现您想要的 -

var elements = document.getElementsByClassName("points");
var i;
for (i = 0; i < elements.length; i++) {
    elements[i].style.color = color;
}

推荐阅读