我想为元素创建一个shadow DOM,这样我就可以显示Chrome扩展的元素,而不会影响它们的页面样式.
当我查看文档时,Element.createShadowRoot我看到它已被弃用,所以我检查了一下Element.attachShadow.它说我必须提供封装模式,但没有解释不同模式的作用.我搜索了一下,但我无法找到任何清楚解释有什么区别的东西.
模式之间有什么区别,我应该使用哪一种模式来实现？
我需要从Shadow DOM获取元素并进行更改.我怎么能这样做？
<div>
<input type="range" min="100 $" max="3000 $">
</div>