ล่าสุดการพัฒนาเว็บบทเรียน
×

JavaScript การอ้างอิง

ภาพรวม

JavaScript

JS เชือก JS จำนวน JS ผู้ประกอบการ JS งบ JS คณิตศาสตร์ JS วันที่ JS แถว JS บูลีน JS นิพจน์ทั่วไป 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) ใช้ เด็ก อสังหาริมทรัพย์

เคล็ดลับ: .childNodes องค์ประกอบ [0] จะผลิตผลเช่นเดียวกับ firstChild คุณสมบัติ


สนับสนุนเบราว์เซอร์

คุณสมบัติ
childNodes ใช่ ใช่ ใช่ ใช่ ใช่

วากยสัมพันธ์

element .childNodes

รายละเอียดทางเทคนิค

กลับค่า: วัตถุ NodeList คิดเป็นคอลเลกชันของโหนด โหนดในคอลเลกชันกลับจะถูกเรียงลำดับตามที่ปรากฏในรหัสที่มา
DOM รุ่น หลักระดับ 1 ธาตุวัตถุ

ตัวอย่าง

ตัวอย่างอื่น ๆ

ตัวอย่าง

หาวิธีการที่เด็กหลายโหนด <div> องค์ประกอบมี:

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

ผลของ C จะได้รับ:

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;

ผลของ C จะได้รับ:

Saab
ลองตัวเอง»

หน้าเว็บที่เกี่ยวข้อง

อ้างอิง HTML DOM: โหนด firstChild ทรัพย์สิน

อ้างอิง HTML DOM: โหนด lastChild ทรัพย์สิน

อ้างอิง HTML DOM: โหนด parentNode ทรัพย์สิน

อ้างอิง HTML DOM: โหนด nextSibling ทรัพย์สิน

อ้างอิง HTML DOM: โหนด previousSibling ทรัพย์สิน

อ้างอิง HTML DOM: โหนด nodeName ทรัพย์สิน


<ธาตุวัตถุ