HTML DOM NodeList attribute na length

Paglilinaw at Paggamit

Ang attribute na length ay ibibigay ang bilang ng mga node sa NodeList.

Ang attribute na length ay read-only.

Egemplo

Halimbawa 1

Hahanapin ang bilang ng mga anak ng dokumento:

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

Subukan nang personal

Halimbawa 2

Hahanapin ang mga anak ng <body> elemento:

const nodeList = document.body.childNodes;

Subukan nang personal

Halimbawa 3

Hinain ang bilang ng mga anak na bata sa "myDIV":

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

Subukan nang personal

Halimbawa 4

Kung gaano karami ng <p> na mga elemento sa "myDIV":

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

Subukan nang personal

Halimbawa 5

Pumagilan ng lahat ng <p> na mga elemento sa "myDIV" at baguhin ang kanilang sukat ng fonta:

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

Subukan nang personal

Halimbawa 6

Pumagilan ng lahat ng mga anak na bata at kolekta ang pangalan ng bawat node:

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

Subukan nang personal

Syntax

nodelist.length

Halimbawa ng ibigay na halaga

Uri Paglalarawan
Numero Bilang ng mga node sa NodeList.

Suporta ng browser

nodelist.length ay katangian ng DOM Level 1 (1998).

Lahat ng makabagong browser ay sumusuporta sa ito:

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

Mga kaugnay na pahina

Metodo ng entries()

Metodo ng forEach()

Metodo ng item()

Metodo ng keys()

Metodo ng values()

Objekto ng NodeList

Metodo ng childNodes()

Metodo ng querySelectorAll()

Metodo ng getElementsByName()