如何判断 Shadow DOM 元素是否存在?我并不需要对其进行操作,甚至也不需要直接针对它进行定位。我理解封装的原因,但是我希望能够根据 Shadow DOM 元素是否存在来为常规 DOM 中的其他元素设置样式。
有点类似于:
if ( $('#element-id #shadow-root').length ) {
// true
}
要么不是针对整个Shadow DOM,而是针对其中的某个特定元素,比如一个div的id。因此,如果该div存在,则可以明确地知道该Shadow DOM元素位于页面上。
我知道情况并不会那么简单... 从我所做的一些研究中发现,有像 >>>
和 /deep/
这样的东西,但它们的支持似乎很低/没有/已弃用。但也许还有其他方法,无论它看起来多么不优雅?
<input>#shadow-dom <div>您的用户名</div></input>
因此,我想要一种方法来说,是否存在输入>#shadow-dom?或者如果没有办法定位#shadow-dom,也许可以说输入> div是否存在?因为除非Shadow DOM将其放在那里,否则输入框内不会有div... - Chase