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

DOM children

Для страницы:

<!DOCTYPE HTML>
<html>
  <head><meta charset="utf-8"></head>
  <body>
    <div>Пользователи:</div>
    <ul>
      <li>Маша</li>
      <li>Вовочка</li>
    </ul>

    <!-- комментарий -->

    <script>
      // ... ваш код
    </script>

  </body>
</html>

  • Напишите код, который получит UL при помощи children.
  • Напишите код, который получит второй LI.

Будет ли ваш код работать кросс-браузерно, если комментарий переместить между элементами LI?

Решение
Решение

Код:

document.body.children[1]
document.body.children[1].children[1]

Если комментарий переместить между элементами списка, то в IE<9 он станет одним из children, в результате код перестанет работать.

Чтобы это обойти, нужно либо не ставить комментарии в те места HTML, где планируются такие выборки, либо использовать другие методы поиска в HTML, которые мы рассмотрим далее.

#215
Наверх

Реклама

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

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

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

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

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