Получить атрибуты в JavaScript

Question

Я получаю элемент по id, и я хотел бы знать все атрибуты объекта.

Я использую оповещения для всего этого, это так, как это сделано в JavaScript? В AS3 или в любом другом случае я бы установил точку останова и исследовал объект на панели переменных.

Во-вторых, если это так, то как я могу показать ВСЕ атрибуты, если я не знаю, какие они есть заранее, и показать их в окнах предупреждений? Использование jquery 1.5. Спасибо

Answer 1

Если под «атрибутами» вы подразумеваете «свойства» узла DOM, тогда используйте ...

console.dir(element);

... в инструментах разработчика Chrome или Firebug для Firefox.

Это позволит вам расширить Объект и полностью проверить все его свойства, включая свойство .attributes.

Answer 2

Отладка с предупреждениями будет медленно истощать вашу душу через нос.К счастью, есть лучший способ.

Консоль Javascript в современном браузере (например, Chrome или Safari или с расширением Firefox Firebug) потрясающая.

Вы также можете установить точки останова на вкладке скрипта или из кода с помощью оператора debugger.Вы также можете проверить глобальные и локальные переменные на вкладке скриптов.Это действительно потрясающе.

Ознакомьтесь с видеороликами, посвященными инструментам Chrome Dev, чтобы узнать, что еще лучше: http://code.google.com/chrome/devtools/docs/videos.html

Answer 3

У вас есть несколько вариантов:

console.log(domElement);

Это позволит вам регистрировать операторы и просматривать элемент в том виде, в котором он существует после запуска вашего скрипта. Обратите внимание, что Firebug воспринимает объект как живой, поэтому изменения в объекте отражаются в вашем выражении журнала (вы увидите, по крайней мере, фактический объект в вашем журнале, а не просто набор строк), это было сделано в последний раз, когда я его использовал ).

debugger;

Это позволит вам приостановить выполнение и проанализировать ваш объект через окно наблюдения в инструментах Firebug или Chrome dev или даже в инструментах разработчика IE9.