Atribut length NodeList HTML DOM

Definisi dan penggunaan

Atribut length mengembalikan jumlah node dalam NodeList.

Atribut length adalah hanya-baca.

Contoh

Contoh 1

Mengambil jumlah elemen anak dalam dokumen:

const nodeList = document.body.childNodes;
let number = nodeList.length;

Coba Sendiri

Contoh 2

Mengambil elemen anak <body>:

const nodeList = document.body.childNodes;

Coba Sendiri

Contoh 3

Dapatkan jumlah node anak di dalam "myDIV":

const element = document.getElementById("myDIV");
let numb = element.childNodes.length;

Coba Sendiri

Contoh 4

Berapa banyak elemen <p> di dalam "myDIV":

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
let number = list.length;

Coba Sendiri

Contoh 5

Berpelukan semua elemen <p> di dalam "myDIV" dan mengubah ukuran tulisnya:

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
for (let i = 0; i < list.length; i++) {
  list[i].style.fontSize = "red";
}

Coba Sendiri

Contoh 6

Berpelukan semua node anak dan mengumpulkan nama setiap node:

const list = document.body.childNodes;
let text = "";
for (let i = 0; i < list.length; i++) {
  text += list[i].nodeName + "<br>";
}

Coba Sendiri

Sintaks

nodelist.length

Nilai Kembalian

Tipe Deskripsi
Angka Jumlah node di dalam NodeList.

Dukungan Peramban

nodelist.length adalah fitur DOM Level 1 (1998).

Semua peramban modern mendukungnya:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukungan 9-11 Dukungan Dukungan Dukungan Dukungan

Halaman Berhubungan

Metode entries()

Metode forEach()

Metode item()

Metode keys()

Metode values()

Objek NodeList

Metode childNodes()

Metode querySelectorAll()

Metode getElementsByName()