打印getElementById返回的整个元素

Question

如果我正在调试一些javascript代码并且我想看看我在DOM中的位置，我怎样才能打印由（例如）getElementById（）返回的整个元素？我知道我可以打印一个字段：

attrib = document.getElementById("attrib-2");
alert(attrib.selectedIndex); 

但如果我想打印整件事（甚至是孩子）我该怎么办？

Answer 1

警报不是调试目的的最佳选择。考虑使用一些专门设计的工具，如Firefox中的FireBug，WebKit浏览器中的开发人员工具。然后使用console.log方法以高度可读的格式查看所需的一些数据。

attrib = document.getElementById("attrib-2");
console.log(attrib.selectedIndex); 

Answer 2

foreach (k in attrib){
    if (typeof attrib[k]!='function'){
        console.log(attrib[k]);
    }
}

Answer 3

console.log(attrib)

然后检查浏览器控制台（大多数浏览器中为F12）

Answer 4

要打印整个元素，您需要console.dir：

var attrib = document.getElementById("attrib-2");
console.dir(attrib);

这样你可以检查整个物体。 单击对象属性附近的箭头，展开或折叠它们。