Question

我有一个带标签的复选框。

<input type="checkbox" name="comment" id="abc1" value="the value." 
 onclick="createOrder()"><label for="abc1" onclick="createOrder()" 
 title="title"> onscreen text for this checkbox </label>

在javascript函数中，我想更改输入的外观。这是一个有效的例子（改变元素的可见性）但不是我想做的事情：

if (n !== -1) {
     document.getElementById(id).style.visibility = "hidden";
    }

但是，我不想让它变得不可见。我想更改与复选框关联的单词的文本颜色（“此复选框的屏幕文本”）文本将从默认的黑色更改为灰色。

我不知道如何更改“标签”样式。任何人都可以帮助改变JavaScript吗？结果只会改变文本的颜色。

Answer 1

正如您所说的那样，您尝试使用的代码可以定位到下一个节点，您可以使用.nextSibling

if (n !== -1) {
   document.getElementById(id).nextSibling.style.color= "#c8c8c8"; //color you need"
}
else{
  document.getElementById(id).nextSibling.style.color= "#fefefe"; //Default color
}

如何更改css样式的标签？

1 个答案: