Javascript更改字体颜色onclick

Question

因此，当我单击单选按钮时，我试图更改整个页面的字体颜色，如下所示:

<input type="radio" name="textcol" value="#FOF8FF" onclick = "changeText('#FOF8FF');"> Alice Blue<br>

然后调用这个函数:

function changeText(col) 
    {
        console.log(col);
        console.log(document.getElementsByName('boyo'));
        var abc = document.getElementsByName('boyo');
        for(var i = 0, length = abc.length; i < length; i++)
        {
            abc[i].style.color = col;
        }

}

只是想让你知道，在我所有的 h3 和 p 标签(我文档中的唯一文本)中，我给它们起了一个名字“boyo”，如下所示:

<h3 name = "boyo">My favorite food</h3>

但由于某种原因，它什么也不做。我知道它有正确的元素(我将它们打印到控制台，如您所见)，并且没有发生错误，但我的字体颜色没有改变。我到底做错了什么？

编辑:当我将字符串“#80FF08”的值与我传递的值(打印出来时也完全相同)进行比较时，它返回 FALSE，表明它们相等——这怎么可能？当我手动设置颜色时，它起作用了。

Answer 1

如果您将颜色代码 #FOF8FF 中的 O 更改为 0，您的代码将正常工作

function changeText(col) {
  console.log(col);
  console.log(document.getElementsByName('boyo'));
  var abc = document.getElementsByName('boyo');
  for (var i = 0, length = abc.length; i < length; i++) {
    abc[i].style.color = col;
  }


}

<input type="radio" name="textcol" value="#FOF8FF" onclick='changeText("#F0F8FF")'>Alice Blue
<br>

<h3 id="colorMe" name="boyo">My favorite food</h3>