描述：
这样写时，会自动跳过shadow dom节点的遍历
const cloneElement = this.contentElement.cloneNode(true) as HTMLElement;
for(let childNodeIndex = 0; childNodeIndex < cloneElement.childNodes.length; childNodeIndex++) {
element.appendChild(cloneElement.childNodes[childNodeIndex] as HTMLElement);
}或者使用cloneElement.childNodes.forEach遍历，也不会遍历到shadow dom节点
如果这样写：文章来源：https://www.toymoban.com/news/detail-733330.html
会在appendChild shadow dom节点报错，提示不是一个HtmlElement，无法append文章来源地址https://www.toymoban.com/news/detail-733330.html
const cloneElement = this.contentElement.cloneNode(true) as HTMLElement;
const childCount = cloneElement.childNodes.length;
for(let childNodeIndex = 0; childNodeIndex < childCount; childNodeIndex++) {
element.appendChild(cloneElement.childNodes[childNodeIndex] as HTMLElement);
}到了这里，关于angular：HtmlElement的子节点有Shadow dom时奇怪的现象的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
