【问题标题】:NodeList has 3 elements but behaves like it has 2 elementsNodeList 有 3 个元素,但表现得像它有 2 个元素
【发布时间】:2018-10-17 09:42:54
【问题描述】:

我有最奇怪的输出,调试器说节点有 2 个子节点,而它有 3 个子节点。即使在我在这里发布的图像中,我也看到了一些不一致之处,它说对象的 length 是 3,但是出于某种原因,它打印出 length 为 2。

有人遇到过这种情况吗?

感谢您的帮助

【问题讨论】:

  • 因为NodeList(2) 已被记录,其余部分在您单击它时由控制台组成,即“实时”,因此列表在两者之间发生了变化。
  • 看到NodeList (2)右边有i的浅蓝色框了吗? Hover it.
  • @JonasW。谢谢!
  • @ibrahimmahrir 谢谢

标签: javascript google-chrome-devtools children


【解决方案1】:

以下是可能发生的情况:

当您将 NodeList 记录到控制台时,它有 2 个元素,但在您展开预览的那一刻,它有 3 个元素。当您在某个超时后将项目添加到数组时,可以观察到相同的效果:

console.log() 实时更改视图,因此每当项目更改时,您可以在展开时看到它

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-05-03
    • 2019-01-12
    • 2020-12-18
    • 1970-01-01
    • 2018-09-21
    • 2022-11-19
    • 2010-12-08
    • 2018-11-27
    相关资源
    最近更新 更多