如何在JavaScript控制台查看HTML DOM中<head>对象的树形结构？

云原生阿岚

2026-7-11

解决控制台打印HTMLHeadElement时的克隆错误

这个错误是因为浏览器控制台尝试克隆DOM元素对象用于展示时，碰到了循环引用或内部不可克隆的DOM属性，console.log()对DOM元素的处理逻辑容易触发这类问题。试试下面几种可行的解决方法：

用console.dir()替代console.log()：这个方法专门用于展示对象的完整树形结构与属性细节，直接执行：
```
console.dir(document.getElementsByTagName("head")[0]);
```
也可以用更简洁的方式获取head元素：
```
console.dir(document.head);
```
如果仅需要查看元素的基础结构信息，可以将其转为JSON字符串打印（注意这种方式会丢失DOM方法等引用类型属性）：
```
console.log(JSON.stringify(document.head, null, 2));
```