Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用JavaScript更改嵌套HTML元素的字体颜色_Javascript_Css - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • 使用JavaScript更改嵌套HTML元素的字体颜色

使用JavaScript更改嵌套HTML元素的字体颜色

javascript css

使用JavaScript更改嵌套HTML元素的字体颜色,javascript,css,Javascript,Css,我想将classspeed中a的字体颜色更改为red （a无法获取自己的id或类） 如何使用JavaScript实现这一点 <!DOCTYPE html> <html> <body> <div class="gun"> <a href="#">Hello World!</a> </div> <div class="speed"> <a href="#">Hello World!<

我想将class
speed
中
a
的字体颜色更改为
red

（
a
无法获取自己的id或类）

如何使用JavaScript实现这一点

<!DOCTYPE html>
<html>
<body>
<div class="gun">
<a href="#">Hello World!</a>
</div>


<div class="speed">
<a href="#">Hello World!</a>
</div>


<script>
... 
</script>

<div>

</body>
</html>


...
用于选择
a
标签，并使用
样式更改颜色。颜色
：

document.querySelector（'.speed a'）.style.color='red'

您可以使用
document.querySelecotr（）
选择它，然后将样式更改为您想要的样式


document.querySelector(".speed a")




document.querySelector（“.speed a”）.style.color=“red”




依我拙见，不使用类来应用样式是一个糟糕的选择。
您没有指定触发样式更改的内容，因此假定在加载样式更改时需要它



document.querySelector（'.speed>a'）.style.color=“red”

使用
document.querySelector（'.speed a'）选择它
，然后将style.color更改为红色

有关选择器的更多信息，请参阅此



document.querySelector（'.speed a'）.style.color='red'

先前使用
查询选择器发布的答案是正确的，假设您只有一个
。这将得到一个与选择器匹配的所有元素的可编辑列表；然后，您可以循环浏览所有这些内容



var linksToChange=document.queryselectoral（“.speed a”）
linksToChange.forEach（函数（toChange）{
toChange.style.color=“红色”；
});