Мастер-классы по Javascript Екатеринбург Ростов-на-Дону Москва Узнать больше...
Содержание (скрыть) Содержание (показать)

Интерактивное путешествие по DOM

Привет, отважные путешественники!

Вам предоставляется возможность побродить в чудесном мире DOM.

Путь начинается с document.documentElement (он же - тег <HTML>).

Ниже находится документ и кнопки управления. Сверяйте свои движения с картой (документом).

Все может оказаться совсем не так просто. Как правило, уже первые движения вызывают вопрос «где я нахожусь?». Чтобы на него ответить - посмотрите на «Текущий узел» и сверьте его с HTML.
Удачи и новых открытий!

HTML-разметка документа для путешествия

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Документ</title>
  </head>
  <body>
    <div id="header">Шапка</div>

    <ul>
      <li style="background-color:red">Осторожно</li>
      <li class="info"><input type="text" value="Информация"></li>

    </ul>
    <div id="footer">Подвал. &copy; javascript.ru</div>
    <!-- комментарий -->
  </body>
</html>
Показать в отдельном окне

Так выглядит документ

Здесь стоите Вы

Текущий элемент
nodeType:
tagName:
nodeValue:
От текущего элемента могу двигаться:
Получить:

Для более удобного перемещения откройте документ в новом окне и походите по нему в Firebug (вкладка HTML). Посмотрите разницу между показанным там DOM и реальным.


Комментарии

  1. Приветствуются комментарии, содержащие дополнения и вопросы по статье, и ответы на них.
  2. Если ваш комментарий касается задачи -- откройте её в отдельном окне и напишите там.
  3. Комментарии без смысла, с рекламой или не о статье вообще - удаляются.
Наверх

Содержание

Реклама

Нашли опечатку?

Нашли опечатку на сайте? Что-то кажется странным?
Выделите соответствующий текст и нажмите Ctrl+Enter!

Последние Комментарии

Помоги другим!

Помоги другим узнать о хорошей статье!