JSFiddle - React, Tailwind, and code Playground

by LuckyCat

HTML

<!DOCTYPE HTML>
<html>

<body>
  <div>
    <div>Начало</div>

    <ul>
      <li>Информация</li>
    </ul>

    <div>Конец</div>
  </div>

  <script>
    for (var i = 0; i < document.body.childNodes.length; i++) {
      console.dir( document.body.childNodes[i] ); // Text, DIV, Text, UL, ..., SCRIPT
    }
  </script>
  ...
</body>

</html>

CSS

li + li {
  background: red;
}

JavaScript

var elementChildrens = document.querySelector("ul").childNodes;
   for (var i=0, child; child=elementChildrens[i]; i++) {
        //elementChildrens - коллеция детей списка
        //child - последовательно, каждый из элементов elementChildrens
        .. alert(child.innerHTML);
   }