javascript - Chrome 中 JSON 的循环结构

Question

为什么以下代码会在 Chrome 控制台中导致“Type Error: Converting Circular Structure to JSON”？

JSON.stringify(document.querySelectorAll("img"))

Answer 1

DOM 元素包含循环引用，您不能对包含循环引用或包含循环引用的对象的任何对象调用 JSON.stringify()。

例如，它包含 .parentNode，然后包含 .childNodes，后者又指向同一元素。一旦 JSON.stringify() 检测到这样的循环引用，它就会停止，因为它无法记录所有属性。

基本上，您不能对 DOM 节点或 DOM 节点列表进行字符串化。或许，如果您帮助我们了解您真正想要解决的问题是什么，我们可以用另一种方法来帮助您解决这个问题。例如，也许您只需要将它保存到 img.src 属性中即可保存这些图像。