我想在Chrome的控制台中显示对象的值

这是我在Chrome控制台中缺少的东西。我以下其中一个JavaScript对象显示在可浏览的TRE状结构这样的截屏：我想在Chrome的控制台中显示对象的值

（箭头这里）对象

例如当输入这个，我只获得一个空数组：

的jQuery（）

来源

2012-07-09 Fellow Stranger

这是正常的，你在寻找什么样的反应？ – 2012-07-09 22:36:35

添加一些代码并澄清您的问题。 – 2012-07-09 22:42:41

如果您要浏览的jQuery对象中的元素，你就必须先选择一些东西。
$()返回一个空的jQuery对象。

如果，另一方面，你要浏览的方法/创建的对象的属性，你应该使用console.dir方法，它会给你对象的更深入的观点：

console.dir(jQuery());

这里的小提琴：http://jsfiddle.net/asYay/

来源

2012-07-09 22:42:56

你键入

jQuery()

获取对象

是一个空jQuery对象，其由相同的语法空数组

[]

jQuery的对象是你从主体选择html元素的阵列状对象表示。在你的情况下，选择器（你通常写入函数的函数的第一个参数）是空的，所以没有什么可以为jQuery搜索并返回一个空对象。如果将通过使用DOM元素（例如人体）的参数，这将在阵列内返回所述主体

jQuery('body') //=> Array with the body html element inside

注意jQuery对象内的HTML元素通常不表示相同的标准对象在Google控制台中。对于标准对象，您将获得Object的属性作为树状结构，并在其之前有一个箭头来展开它（如在屏幕录像中看到的那样），使用HTML元素，您将获得DOM node，但没有属性或方法扩大。如果您再次键入

var object = { 
    hi: 'im an object', 
    and_i: 'am represented as a tree like structure', 
    i_can_haz: function() { return 'this is great, it shows all the stuff' } 
};

：

要看到差距，试试这个：

实例的显示或在Chrome控制台中的标准对象

object

你会获取Chrome控制台对象表示。

对于HTML对象，只是这样做

var object = document.getElementsByTagName('body');

如果你想访问其属性和功能，使用dir方法

dir(object);

您可以使用DIR几乎任何物体上访问属性

而对象将是body元素的表示。如前所述，所有jQuery在选择时都会将这些元素放入数组中，实质上是这样。

来源

2012-07-09 22:44:47

我想在Chrome的控制台中显示对象的值

回答

相关问题