无法通过我知道的代码访问子元素

Question

我目前正在更改shopify帐户主题中的代码。我想从特定元素中删除一个孩子，但无法弄清楚如何这样做。使用Chrome的开发工具，我可以查看元素的排列方式并通过它完成工作。然后，在我的代码中使用console.log（我对此并不擅长），我能够遍历我打算成为的地方。

现在，我到达一个有两个子节点的父节点（下图），但使用.children（）只返回一个元素。在该元素上使用.sibling（）（我希望这种解决方法最终会以某种方式为我工作）不返回任何内容。甚至不使用.find（）或带有元素类名的选择器也能找到任何东西。这绝对令我感到困惑。我的意思是，我想要做的就是删除愚蠢的东西，但是在父级上执行.empty（）成功删除了第一个子节点，但对第二个节点没有任何作用！我看了看孩子的内部并仔细检查了它是否正确地记下了我期望的父母，以防有些愚蠢的事情发生（好像它属于别的东西/存在于其他地方但被添加到任意数量的元素中）在页面上。）

那是什么img.zoomImg孩子???当我看到使用devtools存在时，为什么我不能通过代码对它做任何事情？

非常感谢任何帮助，谢谢。

Answer 1

EdmCoff是绝对正确的。我明白了它必须比实际上更困难。我的问题是我期望console.log快照，而实际上对象是在日志中实时更新的。在我做我的东西的地方，那个孩子不存在。在页面加载后执行此操作会导致孩子被完美地找到，因此我认为我知道它存在于日志中。我不得不做一些脑力激荡来解决这个问题，但这就是我所需要的;非常感谢你。