javascript - 将类添加到 AngularJs 中的多个元素

标签 javascript css angularjs scope directive

我正在尝试将一个类添加到多个 div 以更改它的背景颜色。

HTML:

<div class="span6">
    <div class="heading">Heading 1</div>                     
</div>

我目前正在使用这个:

angular.element(document.querySelector('.heading')).addClass('color-change');

我的问题是...此标题有多个 div,但它仅更改该 div 第一次出现的颜色。我怎样才能让所有具有该类的 div 添加该 css 样式。

最佳答案

document.querySelector 选择与查询匹配的第一个元素。 querySelectorAll 应该会达到您想要的结果。

JSFiddle:https://jsfiddle.net/usw4cozt/

关于javascript - 将类添加到 AngularJs 中的多个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38860902/

相关文章:

node.js - 如何访问(node.js)服务器日志并在AngularJS前端显示

javascript - 我正在尝试让表单验证与 Angular 向导一起使用

用于渲染 HTML 表单元素的 Javascript 库

html - 如何使用 rowspan 排列表 td

html - 在父八 Angular 形中整齐地插入八 Angular 形

javascript - Angularjs 不适用于显示无样式

javascript - C3.JS : show only one line on load by default for line chart

javascript - 向上滚动时使用 animate() 并显示 div

javascript - 如何使用 Jest 实现共享测试用例?

javascript - 要保留的样式元素 : x px of the page