javascript - 如何更改 css 样式的标签？

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
}