如何通过类、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. 按 id 显示文本“测试”
3. 全部来自 class="my-i"

最好的方法是什么？

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