了解jQuery的对象或HTMLDivElemts

Question

的金丝雀的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); 
    } 

，并刷新我的浏览器（金丝雀）几次，输出不同。 连我同样刷新，当你看到这个截图HTMLDivElements显示在以不同的方式

我真的，如果这是在它显示的方式有问题不明白，或者其实际上是不同的内容类型。因为正如你看到的那样，如果你扩展，它也显示不同的信息。

林欣然的建议。

Answer 1

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

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