Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

HTML DOM childNodes Propery

<Элемент объекта

пример

Получить коллекцию <body> дочерних узлов элемента:

var c = document.body.childNodes;
Попробуй сам "

Больше "Try it Yourself" примеры ниже.

Определение и использование

Свойство ChildNodes возвращает коллекцию дочерних узлов узла, а, как объект NodeList.

Узлы в сборе сортируются, как они появляются в исходном коде и могут быть доступны с помощью индексов. Индекс начинается с 0.

Примечание: Пробелы внутри элементов рассматривается как текст, и текст рассматривается в качестве узлов. Комментарии также рассматриваются как узлы.

Совет: Вы можете использовать длину свойство объекта NodeList , чтобы определить количество дочерних узлов, то вы можете перебрать все дочерние узлы и извлекать информацию , которую Вы хотите.

Это свойство только для чтения.

Совет: Для того, чтобы вернуть коллекцию узлов элементов узла, а (excluding text and comment nodes) за (excluding text and comment nodes) , используйте детскую недвижимость.

Совет: элемент .childNodes [0] будет производить один и тот же результат, что и FirstChild собственности.

Поддержка браузеров

Имущество
childNodes да да да да да

Синтаксис

element .childNodes

Технические подробности

Возвращаемое значение: Нодлист объект, представляющий собой коллекцию узлов. Узлы в возвращаемых коллекциях сортируются, как они появляются в исходном коде
DOM Version Базовый уровень 1 Элемент объекта
Примеры

Еще примеры

пример

Узнайте, сколько дочерних узлов <div> элемент имеет:

var c = document.getElementById("myDIV").childNodes.length;

Результат будет с:

5
Попробуй сам "

пример

Изменение цвета фона второго дочернего узла (index 1) из <div> элемент:

var c = document.getElementById("myDIV").childNodes;
c[1].style.backgroundColor = "yellow";
Попробуй сам "

пример

Получить текст третьего дочернего узла (index 2) из <select> элемента:

var c = document.getElementById("mySelect").childNodes[2].text;

Результат будет с:

Saab
Попробуй сам "

Похожие страницы

HTML DOM ссылка: узел. FirstChild недвижимости

HTML DOM ссылка: узел. LastChild недвижимости

HTML DOM ссылка: узел. ParentNode недвижимости

HTML DOM ссылка: узел. NextSibling недвижимости

HTML DOM ссылка: узел. PreviousSibling недвижимости

HTML DOM ссылка: узел. NODENAME недвижимости

<Элемент объекта