Предупреждение: если вы читаете это, то страница отображается неправильно. Для правильного отображения страницы необходимо включить поддержку javascript в вашем броузере.

Скрипт для путешествия по DOM.

Подключив этот скрипт вы сможете просматривать, как броузер строит DOM (Document Object Model или Объектная модель документа), получить методы и свойства всех объектов страницы, узнать как лучше получить доступ к конкретному элементу из сценария JavaScript. Работает просто. В верхней строке (см. работу скрипта внизу страницы под копирайтом) пишется путь до текущего элемента страницы от тела документа document.body . Кликнув по элементу этой строки можно вернуться к любому объекту из ранее просматриваемых. Ниже столбцом расположены объекты (синим) и свойства текущего объекта (красным). Также справа от синих объектов может быть описание: что это за объект. При клике на синюю ссылку вы переходите к другому объекту.

Пока что это бета-версия скрипта. Он требует некоторых доработок и расширений, которые надеюсь при вашем участии будут сделаны мною позже. На данный момент цепочка верхней строки начинается с document.body, а не с document. Это потому что FireFox наотрез не хочет воспринимать объект document. Поэтому если вы пытаетесь в FireFox перейти к document, то вы ничего не получите, это вызовет ошибку. В Internet Explorer и Opera такой проблемы нет. Вы кликаете на document и получаете объект document. Так же не учтены такие объекты, как location, window, navigator, screen и history. В ряде случаев и не во всех броузерах доступ к ним можно получить от document.body, но это не совсем коректно. Еще одна недоработка заключается в том, что выводимая скриптом информация является также объектами DOM-а. Она изменяется и доступ к ней может быть некоректным. Не судите строго, есть над чем поработать. Да и представленный скрипт предоставляет огромные возможности для отладки страниц: - получение коллекций ссылок и изображений на странице, получение свойств объектов, их размеров, расположения, а при умелом использовании и некоторых знаниях много-много других возможностей. Все зависит от того как использовать. Желаю удачи!

Ниже представлен текст скрипта. Скопируйте и расположите его в самом конце кода вашей страницы перед закрывающим и тегами /BODY и /HTML

<p id="PP_outArea"></p>
<script>
var PP_First_Obj_Elem=document.body, PP_Obj_Elem, top_info="", PP_top_info_link="";
var PP_Obj_link = ["document.body"];

function PP_init_vars(){
	PP_top_info="DOM  ";
	PP_top_info_link="DOM>> ";
	PP_Obj_Elem=PP_First_Obj_Elem;
}

function PP_beGin(){
PP_init_vars();
PP_Obj_upData();
}