Propriedade 'length' da NodeList do HTML DOM

Definição e uso

A propriedade 'length' retorna o número de nós na NodeList.

A propriedade 'length' é de leitura apenas.

Exemplo

Exemplo 1

Obter o número de nós filhos no documento:

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

Experimente você mesmo

Exemplo 2

Obter os nós filhos do elemento <body>:

const nodeList = document.body.childNodes;

Experimente você mesmo

Exemplo 3

Obter o número de nós filhos dentro de "myDIV":

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

Experimente você mesmo

Exemplo 4

Quantos elementos <p> há dentro de "myDIV":

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

Experimente você mesmo

Exemplo 5

Percorrer todos os elementos <p> dentro de "myDIV" e alterar seu tamanho da fonte:

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

Experimente você mesmo

Exemplo 6

Percorrer todos os nós filhos e coletar o nome de cada nó:

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

Experimente você mesmo

Sintaxe

nodelist.length

Retorno

Tipo Descrição
Número Número de nós no NodeList.

Suporte do navegador

nodelist.length é uma característica do DOM Level 1 (1998).

Todos os navegadores modernos suportam:

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

Páginas relacionadas

Método entries()

Método forEach()

Método item()

Método keys()

Método values()

Objeto NodeList

Método childNodes()

Método querySelectorAll()

Método getElementsByName()