Konsep nod dan pepohon nod
Setiap kandungan dalam dokumen HTML ialah nod, termasuk teg HTML, atribut teg, kandungan teks, ulasan, ruang atau tab, dsb.
Semua nod dalam dokumen HTML membentuk pepohon nod (atau pepohon dokumen). Setiap elemen, atribut, teks, dsb. dalam dokumen HTML mewakili nod dalam pepohon. Pepohon bermula pada nod dokumen dan terus bercabang keluar dari sana ke semua nod teks di peringkat terendah pepohon.
Hubungan antara nod
Terdapat hubungan hierarki antara nod DOM, termasuk nod induk, nod anak, nod adik beradik (nod rakan sebaya), keturunan, ibu bapa, dsb.
<html>
<head>
<title>DOM节点之间的关系</title>
</head>
<body>
<h1>这是标题</h1>
<p>这是内容</p>
</body>
</html>
Seperti yang dapat dilihat daripada kod di atas:
Setiap nod kecuali nod dokumen (nod akar) mempunyai nod induk.
Contohnya, nod induk <head> dan <body> ialah <html> .
Kebanyakan nod elemen mempunyai nod anak.
Contohnya, nod <head> mempunyai nod anak: <title> nod <title>
Apabila nod mempunyai nod induk yang sama, mereka adalah adik beradik (sibling nod).
Contohnya, <h1> dan <p> adalah nod adik-beradik, dan nod induknya ialah <body>
Nod juga boleh mempunyai keturunan, yang merujuk kepada semua nod anak nod, atau nod anak nod anak ini, dan sebagainya.
Sebagai contoh, semua nod teks adalah turunan daripada nod <html>
Nod juga boleh mempunyai nenek moyang. Nenek moyang ialah nod induk nod, atau nod induk nod induk, dan sebagainya.
Sebagai contoh, semua nod teks boleh mempunyai nod <html>
bahagian seterusnya