Node.children

Описание

Свойство Node.children возвращает живую коллекцию (HTMLCollection) дочерних элементов узла.

Синтаксис

var elList = elementNodeReference.children; 

В результате, elList - живая коллекция, состоящая из дочерних элементов узла elementNodeReference, и стоит подметить, что если у узла детей нет, она будет пустой. Определить это можно, обратившись к свойству length, которое содержит в себе количество элементов в коллекции.

Пример

<ul>
   <li>1 пункт</li>
   <li>2 пункт</li>
</ul>

<script type="text/javascript">

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

</script>
  

Спецификация

Поддержка браузерами

Internet Explorer 6, 7 и 8 поддерживают данное свойство, но ошибочно включают в коллекцию комментарии (Comment) в HTML-коде.

Смотрите также

• Свойства ParentNode и ChildNode.