前端控制台输出异常无法解决

js在浏览器里输出元素节点反而输出了标签
 var btn = document.getElementById('btn')
    console.log(btn);

img

向请问下有谁知道是浏览器问题还是其他原因,我所有输出语句,全部无法看到节点下的属性和方法,只能看到标签,像元素的宽高,屏幕宽高,距离,点击事件的各种全部看不到。有人知道怎么解决么?

控制台的问题,输出dom对象的时候会直接把标签打出来。
有一个简单的方法就是包在一个对象里再展开(下图的$0就是相当于你代码里的btn)

img


你这么打印就可以了

 var btn = document.getElementById('btn')
    console.log({btn});