Привет всем!

Взялся за повышение скила в JS. Пишу:

<div onClick="functionFoo(this);">НАЖМИ</div>

В заголовке функции ловлю аргумент и алертом вывожу то, что прилетело. И что же, прилетает кусок HTML кода! Как так, думаю... Пишу алерт typeof(var). Пишет, что объект.

Очевидно, при выводе срабатывает какая-то магия, типа __toString();

Вопрос: а как проинспектировать объект в JS? Ну вообще понять, какие свойства в нем содержатся и так далее? Погуглил - люди скрипты неудобные пишут для этих целей. А попроще есть что-нибудь?

Вопрос, конечно, такой - больше риторический. Но вдруг! Или кто-нибудь поделится скриптом хорошим...

Самое простое - написать в нужном месте скрипта JS

console.log( var );

И - вуаля! - ты получаешь все свойства объекта, а также его методы. Надо только зайти в консоль не забыть :)

Есть у меня одна небольшая функция для той же цели, которая позволяет вывести только свойства объекта (и имя, и величину). Удобно, если нужно "напечатать" эти данные внутрь какого-нибудь ДОМ-объекта.
Но с консолью чаще всего удобнее.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

В инспекторе браузера смотри

_____________

Профессиональная разработка на заказ

Я на GitHub | второй профиль

Стоит попробовать перебрать объект в цикле отбрасывая функции вопросом if typeof function. останутся только свойства.

_____________
Трус не играет в хокей

sergeiss, попробовал console.log() но он мне отдает тоже самое, что и alert. Просто кусок HTML кода, причем смотрел и через хромом и через FireFox. Даже никаких намеков на то, что это объект.

<div id="clickme">НАЖМИ</div>

var div = document.getElementById('clickme');

div.addEventListener('click', function () {
    console.dir(this);
    
    functionFoo(this);
});

// выводим данные в том виде, как нам удобнее
console.log( showObjectInfo( var ) );

// собственно функция
function showObjectInfo( obj )
{
	var str='';
	var txt = (arguments.length == 2 ) ? arguments[1] : '';
	for( var i in obj )
	{
		if( typeof( obj[i] ) != 'object' )
		  str += txt + ' ' + i + ' : ' + obj[i] + '\n';	
		else
		  str += i + ' :\n' + showObjectInfo( obj[i],  txt + '***' );
		  
	}
	return str;
} //

хром:
(сорри за размер)

_____________

Профессиональная разработка на заказ

Я на GitHub | второй профиль

Invis1ble, ах вот оно где! Спасибо, кажется разобрался! =)

Всем спасибо за участие!