Question

我正在编写一些JavaScript代码，我在控制台或通过警报msg测试代码我得到以下文本作为返回值。

如果我使用此代码：

     alert($("#images img"));

我得到：

   [object object]

我如何获得标签的名称，即，如果它是图像标签或li，那么我知道它正确定位。

我使用firefox和chrome ..有一种方法我可以在开发人员工具或firebug下找到它...如果是这样，那么在哪个部分？

Answer 1

避免alert进行调试，因为它只输出字符串，使用控制台：

console.log($("#images img")[0].tagName)

您可以使用括号语法（如数组）访问任何jQuery集合的DOM元素。

如果您使用alert(obj)，则会得到[object Object]这是对象的toString输出，因为alert会将任何内容强制转换为字符串。如果您使用console.log(obj)，您会将对象视为真实对象。

Answer 2

要获取标记名称，您可以使用prop()方法。

$("#images img").prop("tagName");

要将脚本放入调试器，您可以使用Chrome上的console标签，

如何在Chrome上获取控制台标签？

使用键盘快捷键Command - Option - J (Mac) or Control -Shift -J (Windows/Linux).

Select View > Developer > JavaScript Console.

有关Console Tab

的更多信息

Answer 3

如果您想了解有关该标签的更多信息，可以执行以下操作：

console.log($("#images img")[0].outerHTML)

或者，如果您可能有多个项目：

$("#images img").each(function(){
    console.log(this.outerHTML);
});

将以下内容打印到Firebug / Chrome控制台：

<img src="https://www.gravatar.com/avatar/5e188e06ccdee56a568db3c383fa0f3d?s=24&amp;d=identicon&amp;r=PG" alt="" class="avatar-me js-avatar-me" width="24" height="24">

得到哪个dom元素？

3 个答案: