Выбор ответа Junior DOM API обновлено

children и childNodes

Вопрос

Что выведет код для такой разметки?

<ul id="list">
  <li>A</li>
  <li>B</li>
</ul>
const ul = document.getElementById('list');
console.log(ul.children.length, ul.childNodes.length);

Попробуйте сами

Выберите вариант, и откроется разбор.

Показать ответ и разбор

Коротко

Правильный ответ: 2 5. children содержит только элементы: два li. childNodes включает и текстовые узлы с пробелами и переносами: текст, li, текст, li, текст, итого 5.

Варианты ответа

  1. 2 2
  2. 2 5правильный ответ
  3. 5 2
  4. 2 3

Разбор

children содержит только элементы: два li. childNodes включает и текстовые узлы с пробелами и переносами: текст, li, текст, li, текст, итого 5. Вариант 2 2 верен только для разметки без пробелов между тегами. 5 2 путает свойства местами. 2 3 забывает текстовый узел перед первым или после последнего li.

Ответьте сами, а не прочитайте

В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.

Термины по теме