据我所知,/deep选择器已被弃用,无法选择影子DOM子元素。因此,我正在寻找另一种解决方案。
CSS作用域看起来提供了升级选择器的解决方案,但没有提供下降选择器的解决方案。
给定这个DOM:
CSS作用域看起来提供了升级选择器的解决方案,但没有提供下降选择器的解决方案。
给定这个DOM:
<script>
$('.child').addClass('reached');
</script>
<div id="parent">
#shadow-root
<div class="child"></div>
/shadow-root
</div>
我该如何在脚本中编写选择器以到达 .child 元素?
谢谢您的帮助。
querySelector
和querySelectorAll
。它们将为您节省大量的困惑和难度。 - IntervaliaquerySelector
无法穿透 shadowDOM。相反,你需要使用一个querySelector
获取组件,然后在元素的shadowRoot
上使用第二个querySelector
。 - Intervalia