HTML组件相关的标准
HTML组件常见的就是使用shadowDOM了
在 Shadow DOM 中,所有内容都是私有的,不可以直接访问。要访问 Shadow DOM 中的内容,您可以使用element.shadowRoot
属性获取对 shadowRoot 的引用,然后通过该引用访问其中的元素,例如:
var shadow = document.querySelector("#my-element").shadowRoot;
var h1 = shadow.querySelector("h1");
console.log(h1.textContent);
请注意,在访问 shadowRoot 之前,您需要确保该元素已经完成初始化并创建了 Shadow DOM。
需要注意的是,仅当浏览器支持 Shadow DOM 时,才能访问 shadowRoot。