[Js进阶]如何用jquery获取到shadowRoot里的内容
来源：欧得旅游网
HTML组件相关的标准
-
HTML Template
-
Shadow DOM 则是原生组件封装的基本工具，它可以实现组件与组件之间的独立性。
-
Custom Elements 是用来包装原生组件的容器，通过它，你就只需要写一个标签，就能得到一个完整的组件。
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。
因篇幅问题不能全部显示，请点此查看更多更全内容
相关资讯
热门话题
热门图文
-
怀疑对方AI换脸可以让对方摁鼻子 真人摁下去鼻子会变形怀疑对方AI换脸可以让对方摁鼻子 真人摁下去鼻子会变形
-
女子野生动物园下车狼悄悄靠近 后车司机按喇叭提醒女子野生动物园下车狼悄悄靠近 后车司机按喇叭提醒
-
睡前玩8分钟手机身体兴奋1小时 还可能让你“变丑”睡前玩8分钟手机身体兴奋1小时 还可能让你“变丑”
-
惊蛰为啥吃梨？倒春寒来不来就看惊蛰惊蛰为啥吃梨？倒春寒来不来就看惊蛰
-
男子高速犯困开智能驾驶出事故 60万刚买的奔驰严重损毁男子高速犯困开智能驾驶出事故 60万刚买的奔驰严重损毁
