html - 使用 CSS 分配 Angular 色，而不是将其添加到 HTML 标签

Question

是否可以为具有给定类的所有元素分配 Angular 色？我想把这个:

<div class="a" role="button">Text!</div>
<div class="a" role="button">More text!</div>

进入这个

<div class="a">Text!</div>
<div class="a">More text!</div>
<style>
.a { 
  role: button
}
</style>

我找到了在 css 中按 Angular 色过滤的解决方案，但没有找到使用 css 为元素分配 Angular 色的解决方案。

Answer 1

let buts = document.getElementsByClassName("a");

for(let i = 0; i < buts.length; i++){
  buts[i].setAttribute("role", "button");
}

<div class="a">Text!</div>
<div class="a">More text!</div>