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

当我打印出来的时候

  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);
    }

for（var i=0，l=elements.length；i”+元素[i]）；
console.log（元素[i]）；
log（“scrollHeight”+元素[i].scrollHeight）；
log（“offsetHeight”+元素[i].offsetHeight）；
}

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

我真的不明白它的显示方式是否有问题，或者它的内容类型是否不同。因为正如您看到的那样，如果展开，它也会显示不同的信息

---

我很高兴得到建议。

浏览器控制台可以显示复杂的对象，但通过将所有内容转换为字符串，您将放弃该功能。您可以检查的高级功能，但只要去掉串联运算符将是一个巨大的胜利：

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

---

我不知道你在问什么，但如果你认为它的浏览器问题，你可以试试BrowserStack。