如何在 AngularJS 中选择元素

How to select elements in AngularJS

本文关键字：选择 元素 AngularJS      更新时间：2023-09-26

我正在尝试使用AngularJS通过标签名称获取元素。

例如 

angular.element(document.querySelector('h1')).css('color', 'green');

元素：

<div>
    <h1>Title 1</h1>
</div>
<div>
    <h1>Title 2</h1>
</div>

它仅适用于第一个元素，而不适用于第二个元素。我不确定其中的原因。谁能帮我？多谢！

正如@Tushar提到的，处理这个问题的最佳方法是使用 ng-class。 让 Angular 为您完成 DOM 操作

您的 CSS

.someclass{
  color: green
}

您的网页

<div ng-class="{'someclass': obj.value == 'somevalue'}">
    <h1>Title 1</h1>
</div>
<div>
    <h1>Title 2</h1>
</div>

在控制器中'someclass'之后，您可以插入任何最有意义的表达式。 当表达式的计算结果为 true 时，'someclass'将应用于 Div。

querySelector() 方法返回与文档中指定的 CSS 选择器匹配的第一个元素。

querySelectorAll() 方法将文档中与指定 CSS 选择器匹配的所有元素作为静态NodeList对象返回。

相关文章：