事實上,我正在尋找一種方法來獲取組件內的DOM元素,就像現在,我正在使用document.getElementByID()來獲取該特定元素的參考,并且它回傳整個檔案中第一個匹配的元素。
但是我希望它應該回傳那個特定組件的html中的第一個匹配元素。
或者有什么其他方法可以做到這一點嗎?
uj5u.com熱心網友回復:
事實上,你應該避免直接使用DOM API方法來查詢dom。雖然它可以作業,但當你知道你只需要從你的組件中獲取元素時,不建議查詢整個 DOM。
在組件中獲取元素參考的方法有很多,最常見的方法是使用ViewChild裝飾器:
比如說,我們可以從組件中獲取一個元素的參考。
假設你想訪問span元素,使用#也被稱為模板參考變數來標記這個元素,像這樣:
<span #templateRef> I am span</span>
現在,在你的組件中,你可以像這樣參考這個元素:
tref: ElementRef;
ngAfterViewInit(): void {
///輸出`I am span`。
console.log(this.templateRef.nativeElement.textContent) 。
uj5u.com熱心網友回復:
我把templateRef添加到組件中的整個div,并使用this.templateRef.nativeElement.querySelector(`#id`);
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/331329.html
標籤:
上一篇:CPath是否進行參考計數?
