angular 獲取 DOM 元素

2021-09-25 01:51:47 字數 1034 閱讀 1730

@viewchild配合local template variable

原生元素可以通過local variable獲取。在寫元件時,我們可以直接在元件模版裡給這個 input 標籤加標記(譬如:#myinput), 然後把標記傳給@viewchild用來獲取該元素。當元件初始化後,你就可以通過 renderer 在這個 input 標籤上執行 focus 方法了。

@viewchild配合local variable(推薦)

@component()

export

class

mycomp

implements

afterviewinit

ngafterviewinit()

}

@contentchildren配合 li 選擇器指令

介紹乙個好方案,用@directive裝飾器,配合他的 selector 功能。定義乙個能查詢/選擇元素的指令,然後用@contentchildren過濾使用者對映進當前元件裡的內容,只留下符合條件的 li 元素。

@contentchildren配合@directive(推薦)

// user code

"#item of items"

>

}<

/li>

<

/my-list>

@directive()

export

class

listitem

// component code

@component()

export

class

mylist

implements

aftercontentinit

}

原文檢視

angular怎麼獲取DOM節點

1.直接獲取dom節點 div wo shi yi ge div div div ngfor ngif w o s hi yi ge div 第一種可以直接在ngoninit 中直接獲取,第二種不可以 ngoninit 元件和指令初始化完成,並不是真正的dom載入完成 viewchild 2.通過v...

DOM獲取元素大小

1.style獲取行內的元素大小 var box document.getelementbyid box alert typeof box.style.width alert box.style.height 2.獲取計算後的css大小,如果沒有設定,非ie會獲取預設大小,ie會理解為0 var s...

DOM元素的獲取

通過id獲取元素 document.getelementbyid id 通過class獲取元素 document.getelementsbyclassname class 注意 這裡不相容ie8及以下,jq的話獲取class不影響這裡,假如要這樣操作的話,你需要寫個方法 function getel...