Как получить элементы DOM по классам, идентификаторам, селекторам и свойствам

Question

Как получить элементы DOM по классам, идентификаторам, селекторам (div > .my-i) и свойствам, как в 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. текст 'тест' по идентификатору
3. всего класса = "мой-я"

Каков наилучший способ?

Answer 1

constructor(private elRef:ElementRef) {} 

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

Это не сработает с веб-рабочими или универсальным, но сам Angular2 не обеспечивает что-то не зависящее от платформы для запроса элементов.

Смотрите также angular 2/typescript : get hold of an element in the template