时间戳

首页 > 解决方案 > 使用 JavaScript 更改嵌套 HTML 元素的字体颜色

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

问题描述

我想将a类中的字体颜色更改speed为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>

标签： javascriptcss

解决方案

用于document.querySelector选择a标签并使用 更改颜色style.color：

document.querySelector('.speed a').style.color = 'red';
<div class="gun">
  <a href="#">Hello World!</a>
</div>
<div class="speed">
  <a href="#">Hello World!</a>
</div>

推荐阅读