了解 jquery 对象或 HTMLDivElemts 的 canary console.log答案

【问题标题】：understand canary console.log of jquery objects or HTMLDivElemts了解 jquery 对象或 HTMLDivElemts 的 canary console.log
【发布时间】：2016-03-07 08:37:50
【问题描述】：

当我打印出来时

  for ( var i = 0, l = elements.length; i < l; i++ ) {
        console.log("what type? --> "+elements[i]);
        console.log(elements[i]);
        console.log("scrollHeight"+elements[i].scrollHeight);
        console.log("offsetHeight"+elements[i].offsetHeight);
    }

并刷新我的浏览器（金丝雀）几次，输出不同。即使是相同的刷新，HTMLDivElements 也会以不同的方式显示，如您在此屏幕截图中看到的那样

我真的不明白这是显示方式的问题，还是它实际上不同的内容类型。因为你看到如果你再展开，它也会显示不同的信息。

很高兴得到建议。

【问题讨论】：

我不确定你在问什么，但如果你认为是浏览器问题，你可以试试 BrowserStack。

标签： javascript jquery console.log

【解决方案1】：

浏览器控制台可以显示复杂的对象，但是您通过将所有内容转换为字符串来丢弃该功能。您可以查看console API 以了解高级功能，但摆脱串联运算符将是一个巨大的胜利：

console.log("what type? --> ", elements[i]);
console.log("scrollHeight", elements[i].scrollHeight);
console.log("offsetHeight", elements[i].offsetHeight);

【讨论】：