childNodes

[DivMan]

https://jsfiddle.net/604rapx4/

 

Почему выводит содержимое первого дива, а не второго?

 

document.write(document.body.childNodes[1].children[0].innerHTML);

 

 

childNodes[1] - обращаюсь ко второму ребёнку body, то есть ко второму диву.

children[0] - у этого дива обращаюсь к первому ребёнку, получается первый див.

И вывожу содержимое, должно вывестись 3.

Edited January 23, 2016 by DivMan

[abrahadabra]

не, всё не так.

Вот так выведется ожидаемая вами троечка.

Дело в чём. Нулевая нода — это текст перед первым дивом. Первая — тот самый первый див. Вторая — текст между первым и вторым дивами. А вот третья и есть тот самый второй див.

[parliament]

del

Edited January 24, 2016 by parliament

[DivMan]

с childNodes[1] всё понятно.

Но получается children[0] это пустой узел текста, должно ничего не выводит.

или children пропускает текстовые узлы?

[Igor Schnaider]

или children пропускает текстовые узлы?

Да. children - это только элементы, в то время как childNodes - это все узлы, в том числе текстовые, комментарии, ну и элементы тоже.

[DivMan]

почему, после того, как удалились текстовые узлы, то во вкладке Elements, дивы не прижались друг к другу?

http://codepen.io/DivMan/pen/WxrbVO

Edited July 17, 2016 by DivMan

[by chris]

55 минут назад, DivMan сказал:

почему, после того, как удалились текстовые узлы, то во вкладке Elements, дивы не прижались друг к другу?

 Элемент <div> блочный. https://webref.ru/layout/howtocodeinhtml/chapter10