Таким образом, фрагмент не может правильно прочитать дочерние узлы

#code-snippets

Вопрос:

При выполнении следующего в фрагментах будет выведено undefined и 5, а не «Один» и 2:

 const test = () => {
  const select = document.getElementById("select");
  const item0 = select.childNodes[0];
  console.log(item0.innerText);
  console.log(select.childNodes.length);
} 
 <select id="select" onchange="test()">
  <option value='1'>One</option>
  <option value='2'>Two</option>
</select> 

Кажется, первый <option> уже вошел childNodes[1] . При запуске на веб — странице первое childNodes -это первое <option> .

На обычной веб — странице- childNodes.length это количество <option> элементов.

Является ли это ошибкой или известным ограничением безопасной среды?

Комментарии:

1. Если вы поставите .дети, вы можете использовать индексы.