如何通过类，id，选择器和属性获取DOM元素 [英] How to get DOM elements by class, id, selectors and properties

问题描述

如何像jQuery中那样按类，id，选择器(div > .my-i)和属性获取DOM元素?

How can I get DOM elements by class, id, selectors (div > .my-i) and properties like in jQuery?

例如:

<div class="myClass" style="width:200px">
<span id="pop">test</span>
<div>
  <i>aaa</i>
  <i class="my-i">bbb</i>
  <i class="my-i">ccc</i>
</div>

我需要获得:

1. 按类值200px
2. 通过ID文本测试"
3. 全部按类别="my-i"

什么是最好的方法?

推荐答案

constructor(private elRef:ElementRef) {}

ngAfterViewInit() {
  this.elRef.nativeElement.querySelector('.myClass');
}

这不适用于Web Workers或Universal，但是Angular2本身并不能提供平台无关的查询元素的功能.

This will not work well with Web Workers or Universal, but Angular2 itself doesn't provide something platform-agnostic to query for elements.

另请参见 angular 2/typescript:获取模板中的元素

这篇关于如何通过类，id，选择器和属性获取DOM元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！