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

Question

如何按类，id，选择器（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. text＆＃39; test＆＃39; by id
3. 所有按类=＆＃34; my-i＆＃34;

最好的方法是什么？

Answer 1

constructor(private elRef:ElementRef) {}

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

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

另见angular 2 / typescript : get hold of an element in the template