如何使用javascript更改元素的属性？

Question

如何使用javascript更改使用类名或ID名称（例如“ .testing a”）的属性？ 编辑。我用错误的方式表达了这个问题。我的意思是我想更改a类的CSS。

document.querySelector('.testing a').setAttribute('color','green');

类似上面的内容，但是上面的代码不起作用。

<div class="testing">
  <a>1</a>
  <a>2</a>
</div>

Answer 1

您可以使用querySelectorAll()获取所有必需的元素，并使用forEach()循环浏览元素并更改元素style.color

let elms = document.querySelectorAll('.testing a');
elms.forEach(e => e.style.color = "green")

<div class="testing">
  <a>1</a>
  <a>2</a>
</div>

使用jQuery

$('.testing a').css('color','green');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="testing">
  <a>1</a>
  <a>2</a>
</div>