получить какой элемент dom возвращается? [Дубликат]

Question

получить какой элемент dom возвращается? [Дубликат]

0

Я пишу код JavaScript, и я тестирую код в консоли или через оповещение. Я получаю следующий текст в качестве возвращаемого значения.

если я использую этот код:

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

я получил:

   [object object]

как я могу получить имя тега, т.е. если его тег изображения или li, поэтому я знаю, что он нацелен правильно.

Я использую firefox и chrome.. есть способ, которым я могу найти это под инструментами разработчика или firebug... если тогда, то в каком разделе?

user3262344 15 март 2014, в 06:20

Источник

4

Узнайте, как правильно отлаживать JavaScript .
Felix Kling 15 март 2014, в 04:33

Теги:

javascript

jquery

html

dom

firebug

3 ответа

Ещё вопросы

Узнайте, как правильно отлаживать JavaScript .

elclanrs · Answer 1 · 2014-03-15T02-19-00.000Z

Избегайте alert для отладки, поскольку он выводит только строки, используйте консоль:

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

Вы можете получить доступ к элементу DOM любой коллекции jQuery с помощью синтаксиса консоли, например массива.

Если вы используете alert(obj) вы получаете [object Object] который является объектом вывода toString, поскольку alert будет принуждать что-либо к строке. Если вы используете console.log(obj) вы увидите объект как реальный объект.

Забавное. Вы говорите им использовать консоль для просмотра не только строк, а затем рекомендуете записывать в строку $("#images img")[0].tagName .
OP выяснит, как регистрировать объект, если это необходимо, факт остается фактом, используйте консоль, а не оповещение.
Я не согласен с использованием console.log() (на самом деле я обычно нахожу более полезным использовать отладчик), но я просто подумал, что ваш ответ был странно сформулирован, и вы могли бы исправить это, объяснив, что ОП увидит, если они используют console.log() на объекте.

Suman Bogati · Answer 2 · 2014-03-15T02-36-00.000Z

Для получения имени тега вы можете использовать метод prop().

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

Чтобы положить скрипт в отладчик, вы можете использовать вкладку console в Chrome,

Как получить вкладку консоли на хроме?

Используйте комбинацию клавиш Command - Option - J (Mac) or Control -Shift -J (Windows/Linux).

Select View > Developer > JavaScript Console.

Дополнительная информация о вкладке "Консоль"

row1 · Answer 3 · 2014-03-15T02-43-00.000Z

Если вам нужна дополнительная информация о теге, вы можете сделать что-то вроде этого:

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">