在Web UI中以編程方式訪問模板元素

Question

是否有任何簡單的方法可以訪問模板中聲明的元素的關聯元素對象。比如說，我在模板上有一個按鈕，我想訪問ButtonElement對象，這樣我就可以通過編程操作它。

我欣賞我可以給它一個ID並在onInsert上查詢它。這是最佳做法嗎？如果是這樣的話，如果組件的多個實例被使用或者查詢被限制在Shadow DOM中，我該如何停止ID的唯一性？

Answer 1

我明白我可以給它一個ID並在onInsert上查詢它。這是最佳做法嗎？

這不是如果你有多個（如你所知）。重複的ID不僅在同一個組件中多次使用時發生，還會在組件多次插入頁面時發生。

您可以隨時與傳統的班去：

... 
<template> 
    <div class="some-part-of-your-component">foo</div> 
</template> 
... 

DivElement somePart; 

inserted() { 
    somePart = _root.query('.some-part-of-your-component'); 
}