什么是Shadow DOM？自我理解是为了封装dom用的，以前没关注这个功能，最近企业微信进行了姓名加密使用到了这个东西，了解一下。
上一段代码
<!DOCTYPE html> <html> <head> <title>test</title> </head> <body> <div id="test"> <div>测试</div> </div> </body> <script type="text/javascript"> var shadowHost = document.querySelector('#test'); var shadowRoot = shadowHost.createShadowRoot(); shadowRoot.innerHTML = '<div>测试1</div>'; </script> </html>
运行结果
测试1
原有的【测试】将不再显示,目前只支持Chrome内核流量器
开启关闭查看方法：开发者工具-》Setttings
未开启时查看效果