Javascript 如何更改css样式的标签？

我有一个带标签的复选框

<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吗？结果只会改变文本的颜色。

正如您所说的，您正在尝试的代码能够以下一个节点为目标，您可以使用

---

正如您所说的，您正在尝试的代码可以针对下一个节点工作，您可以使用

---

正如您所说的，您正在尝试的代码可以针对下一个节点工作，您可以使用

---

正如您所说的，您正在尝试的代码可以针对下一个节点工作，您可以使用

---

您可以使用jQuery这样做： jQuery：

}))

HTML:

此复选框的屏幕文本

这应该行得通

---

谢谢

您可以使用jQuery这样做： jQuery：

}))

HTML:

此复选框的屏幕文本

这应该行得通

---

谢谢

您可以使用jQuery这样做： jQuery：

}))

HTML:

此复选框的屏幕文本

这应该行得通

---

谢谢

您可以使用jQuery这样做： jQuery：

}))

HTML:

此复选框的屏幕文本

这应该行得通

---

谢谢

这很容易实现，不管标签在哪里或有多少

有一个答案显示了如何通过属性获取元素

让我们从该答案中选取函数，对其进行调整，并将其用于您的问题：

//获取具有for=abc1属性的所有标签
el=getLabelByForAttribute（“abc1”）；
//循环浏览这些标签并更改其样式
el.forEach（功能（elem，idx）{
元素样式[“颜色”]=“灰色”；
});
函数getLabelByForAttribute（a）
{
var matchingElements=[]；
//获取文档中的所有标签
var-allegements=document.getElementsByTagName（'label'）；
对于（var i=0，n=allegements.length；i

此复选框的屏幕文本

可以轻松实现，无论标签位于何处或有多少

有一个答案显示了如何通过属性获取元素

让我们从该答案中选取函数，对其进行调整，并将其用于您的问题：

//获取具有for=abc1属性的所有标签
el=getLabelByForAttribute（“abc1”）；
//循环浏览这些标签并更改其样式
el.forEach（功能（elem，idx）{
元素样式[“颜色”]=“灰色”；
});
函数getLabelByForAttribute（a）
{
var matchingElements=[]；
//获取文档中的所有标签
var-allegements=document.getElementsByTagName（'label'）；
对于（var i=0，n=allegements.length；i

此复选框的屏幕文本

可以轻松实现，无论标签位于何处或有多少

有一个答案显示了如何通过属性获取元素

让我们从该答案中选取函数，对其进行调整，并将其用于您的问题：

//获取具有for=abc1属性的所有标签
el=getLabelByForAttribute（“abc1”）；
//循环浏览这些标签并更改其样式
el.forEach（功能（elem，idx）{
元素样式[“颜色”]=“灰色”；
});
函数getLabelByForAttribute（a）
{
var matchingElements=[]；
//获取文档中的所有标签
var-allegements=document.getElementsByTagName（'label'）；
对于（var i=0，n=allegements.length；i

此复选框的屏幕文本

可以轻松实现，无论标签位于何处或有多少

有一个答案显示了如何通过属性获取元素

让我们从该答案中选取函数，对其进行调整，并将其用于您的问题：

//获取具有for=abc1属性的所有标签
el=getLabelByForAttribute（“abc1”）；
//循环浏览这些标签并更改其样式
el.forEach（功能（elem，idx）{
元素样式[“颜色”]=“灰色”；
});
函数getLabelByForAttribute（a）
{
var matchingElements=[]；
//获取文档中的所有标签
var-allegements=document.getElementsByTagName（'label'）；
对于（var i=0，n=allegements.length；i

此复选框的屏幕文本

为什么要单击标签？这里的

id

是什么，是

标签

id吗？单击复选框旁边的文本也会选中复选框。id是输入id。为什么要单击

标签

？这里的

id

是什么，是

标签

id吗？单击复选框旁边的文本也会选中复选框。id是输入id。为什么要单击

标签

？这里的

id

是什么，是

标签

id吗？单击复选框旁边的文本也会选中复选框。id是输入id。你为什么要这样做

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

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

$(document).ready(function(ee){ 
 $("#abc1").click(function(){   
     if ($(this).is(':checked')) {       
         $(this).next().css({"color": "Red"});
     }else
     {
         $(this).next().css({"color": "black"});
     }
});  

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