影子DOM上的getElementById

Question

与getElementById上的getElementById相比，影子DOM上的document慢吗？

我有两个div标签。两者都有ID #elem。

我的代码：

document.body.appendChild(shadowHost);
setTimeout(() => {
    console.log(shadowRoot.getElementById("elem"));
}, 10);
console.log(shadowRoot);
console.log(document.getElementById("elem"));
console.log(shadowRoot.getElementById("elem"));

使用setTimeout可以在阴影DOM中打印div元素。

setTimeout(() => {
    console.log(shadowRoot.getElementById("elem"));
}, 10);

console.log(shadowRoot);打印影子DOM的内容，并且还打印ID为div的{​​{1}}标签。

#elem在正文中打印console.log(document.getElementById("elem"));标签。

div打印console.log(shadowRoot.getElementById("elem"));