“目标元素不是root的后代”是什么意思？

Question

我在Chrome的控制台中收到以下警告： "IntersectionObserver.observe(target): target element is not a descendant of root."

这是什么意思？我怎么能找到它的原因，以便解决它？

Answer 1

这个警告也出现了。 Chrome调试工具不喜欢元素中的属性。我通过删除html块并重新加载页面找到了违规属性，直到我将其缩小为单个属性。

对我而言，这是一个静音的属性......   

希望这有帮助。

Answer 2

当我在JS中创建HTMLVideoElement时，我收到了这个警告，但是在播放它以提取第一帧图像之前没有将它添加到文档正文中。

我通过将其显示设置为无，将节点附加为正文的子节点以及稍后的承诺从主体中删除元素来解决它。

因此，我要检查您是否在JS中创建任何DOM元素，而不是将它们添加到HTML文档的正文中。