Javascript 在类中循环并更改颜色

我需要一些帮助，这可能看起来很简单，但我的网页上有一个反转颜色按钮，我需要循环使用类名称text的元素

代码如下：

//Javascript文件 var text=document.getElementsByClassName'text'； var button=document.getElementById'invertcolors'； 函数onClick{ 对于变量i=0；i您几乎拥有所需的确切代码，请参阅下面的工作版本

var text=document.getElementsByClassName'text'； var button=document.getElementById'invertcolors'； 函数onClick{ 对于变量i=0；i按钮您可以使用querySelectorAll方法来完成此操作。该元素在HTML5中不受支持，因此您应该将其替换为example元素

var button=document.getElementById'click'； 按钮。addEventListener“单击”功能{ var elements=document.querySelectorAll.text'； 元素。foreachfunction{ a、 style.backgroundColor='黄色'； }; }; 我在森林里散步 穿过灰色的水泥路 抓住狗

---

更改样式请检查下面的javascript代码：

var text = document.getElementsByClassName('text');
var button = document.getElementById('invertcolors');

function onClick() {
var selectedId
console.log(text[0].getAttribute( 'id' ));
  for (var i = 0; i < text.length; i++) {
   console.log(text[i].getAttribute('id'));
   selectedId = text[i].getAttribute('id');
   document.getElementById(selectedId).style.color = "white";
  }
}

button.addEventListener('click', onClick, false);

并检查代码@

请让我知道这是否有帮助。

这可能有帮助不要使用标记文本[i]有什么问题。style.color=？应该行得通

var text = document.getElementsByClassName('text');
var button = document.getElementById('invertcolors');

function onClick() {
var selectedId
console.log(text[0].getAttribute( 'id' ));
  for (var i = 0; i < text.length; i++) {
   console.log(text[i].getAttribute('id'));
   selectedId = text[i].getAttribute('id');
   document.getElementById(selectedId).style.color = "white";
  }
}

button.addEventListener('click', onClick, false);