如何按类,id,选择器和属性获取DOM元素

Question

如何通过类,id,selectors(div > .my-i)和jQuery中的属性获取DOM元素？

例如:

<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的文本'test'
3. 所有按类="my-i"

什么是最好的方式？

Answer 1

constructor(private elRef:ElementRef) {}

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

这对Web Workers或Universal不起作用,但Angular2本身并不提供与查询元素无关的平台.

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