Javascript 在谷歌浏览器中查看HTMLElement的内容？

我有一个

HTMLElement

，我想查看对象的内容。一个简单的for循环再加上打印是不起作用的，因为它不会转换成primative类型。我想知道还有什么方法可以轻松做到这一点？

console.log（focusElement.innerHTML）

这不仅仅是chrome，如果我想在应用程序中调试，我通常会有这样的东西：

<script>
    var debug = true;

    function log(msg) {
        if(debug) {
            try {
                console.log(msg);
            } catch(e) {
                try {
                    throw new Error(msg);
                } catch(e) {
                    alert(msg);
                }
            }
        }
    }

    log("Debug mode is turned on");
    log($("#test"));   
</script>

var debug=true；
函数日志（msg）{
如果（调试）{
试一试{
控制台日志（msg）；
}捕获（e）{
试一试{
抛出新错误（msg）；
}捕获（e）{
警报（msg）；
}
}
}
}
日志（“调试模式已打开”）；
日志（$（“#测试”）；

<div id="test" style="display:none;">this came from a div</div>

这来自一个div

---

-->您的意思是要获取

innerHTML

？还是要列出元素的属性？另外，您想在哪里看到“内容”？在控制台中进行调试？在一个网站上？我想基本上的来源。。不管是哪一个。。e、 g

。。。等等我希望它在控制台中进行调试。