tutorial pengembangan web terbaru

×

JavaScript Referensi

JavaScript

JS Tali JS Jumlah JS operator JS laporan JS matematika JS Tanggal JS susunan JS boolean JS RegExp JS Global JS Konversi

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Dokumen DOM elemen DOM atribut DOM Acara DOM Gaya

HTML benda

<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>

Objek lainnya

CSSStyleDeclaration

HTML DOM childNodes Propery

Contoh

Dapatkan koleksi <body> node anak elemen:

var c = document.body.childNodes;

Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

Properti childNodes mengembalikan koleksi node anak node, sebagai objek NodeList.

Node dalam koleksi diurutkan seperti yang muncul dalam kode sumber dan dapat diakses oleh angka indeks. indeks dimulai dari 0.

Catatan: Whitespace di dalam elemen dianggap sebagai teks, dan teks dianggap sebagai node. Komentar juga dianggap sebagai node.

Tip: Anda dapat menggunakan panjang milik objek NodeList untuk menentukan jumlah node anak, maka Anda dapat loop melalui semua node anak dan ekstrak info yang Anda inginkan.

Properti ini adalah read-only.

Tip: Untuk mengembalikan koleksi node elemen node (excluding text and comment nodes) , menggunakan anak-anak properti.

Tip: .childNodes elemen [0] akan menghasilkan hasil yang sama dengan firstChild properti.

Dukungan Browser

Milik
childNodes	iya nih	iya nih	iya nih	iya nih	iya nih

Sintaksis

element .childNodes

Rincian teknis

Kembali Nilai:	Sebuah objek NodeList, mewakili kumpulan node. Node dalam koleksi dikembalikan diurutkan seperti yang muncul dalam kode sumber
DOM Versi	Inti Level 1 Elemen Object

Contoh lebih

Contoh

Cari tahu berapa banyak anak node a <div> elemen memiliki:

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

Hasil c akan:

5

Cobalah sendiri "

Contoh

Mengubah warna latar belakang dari node anak kedua (index 1) dari <div> elemen:

var c = document.getElementById("myDIV").childNodes;
c[1].style.backgroundColor = "yellow";

Cobalah sendiri "

Contoh

Dapatkan teks node anak ketiga (index 2) dari <select> elemen:

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

Hasil c akan:

Saab

Cobalah sendiri "

Pages terkait

Referensi HTML DOM: simpul. firstChild Properti

Referensi HTML DOM: simpul. lastChild Properti

Referensi HTML DOM: simpul. parentNode Properti

Referensi HTML DOM: simpul. nextSibling Properti

Referensi HTML DOM: simpul. previousSibling Properti

Referensi HTML DOM: simpul. nodeName Properti