Javascript 如何为html元素设置不同颜色的样式（自动高亮显示）
Javascript 如何为html元素设置不同颜色的样式（自动高亮显示）,javascript,css,Javascript,Css,.one{颜色：红色} .2{颜色：蓝色} .3{颜色：黄色} .four{color:green} 1. 2. 3. 4. 2. 2. 1. 4. 3. 3. 2. 1. 答案是-JavaScript 答案是-JavaScript 您可以使用CSS可以针对的数据属性。您只需更改属性的内容（就像您对html内容所做的那样），CSS就会自动应用 [内容]：在{ 内容：attr（content）； } [content=“1”]{color:red} [content=“2”]{color:bl
.one{颜色：红色}
.2{颜色：蓝色}
.3{颜色：黄色}
.four{color:green}
1.
2.
3.
4.
2.
2.
1.
4.
3.
3.
2.
1.
答案是-JavaScript 答案是-JavaScript 您可以使用CSS可以针对的数据属性。您只需更改属性的内容（就像您对html内容所做的那样），CSS就会自动应用
[内容]：在{
内容：attr（content）；
}
[content=“1”]{color:red}
[content=“2”]{color:blue}
[content=“3”{颜色：黄色}
[content=“4”{颜色：绿色}
[content=“text”]{color:brown}
您可以使用CSS可以针对的数据属性。您只需更改属性的内容（就像您对html内容所做的那样），CSS就会自动应用
[内容]：在{
内容：attr（content）；
}
[content=“1”]{color:red}
[content=“2”]{color:blue}
[content=“3”{颜色：黄色}
[content=“4”{颜色：绿色}
[content=“text”]{color:brown}
不幸的是，无法根据元素的内容确定其目标（有关更多讨论，请参阅）。如果你想自动完成这项工作，你必须使用JavaScript。不幸的是，没有办法根据元素的内容来定位元素（更多讨论请参阅）。如果要自动执行此操作，则必须使用JavaScript。我将更新您的解决方案，并将查询选择器从getElementById（）
更改为不会限制仅使用一个元素的内容。我将更新您的解决方案，并将查询选择器从getElementById（）更改为
到一些不会将使用限制为一个元素的东西。这是硬编码的另一种方式，显然JS在这里是一个合适的解决方案。这是硬编码的另一种方式，显然JS在这里是一个合适的解决方案。