HTML DOM childrenPropiedad

元素对象参考手册Objeto de elemento

Ejemplo

Obtener la colección de elementos secundarios del elemento body:

var c = document.body.children;

Pruébalo »

Definición y uso

La propiedad children devuelve la colección de elementos secundarios de un elemento, que es un objeto HTMLCollection.

Consejo:Se ordenan según el orden en que aparecen los elementos secundarios en el elemento. Usa la propiedad length del objeto HTMLCollection para obtener el número de elementos secundarios y luego usa el índice (index, comenzando en 0) para acceder a cada elemento secundario.

La propiedad children ychildNodesla diferencia de la propiedad:

  • La propiedad childNodes devuelve todos los nodos, incluidos los nodos de texto y los nodos de comentario;
  • La propiedad children solo devuelve nodos de elementos;

Soporte del navegador

Propiedad
children 2.0 9.0* 3.5 4.0 10.0

Nota: IE6 a IE8 son totalmente compatibles con la propiedad children, pero devuelven nodos de elementos y nodos de comentarios; IE9 y versiones posteriores solo devuelven nodos de elementos.

Sintaxis

element.children

Detalles técnicos

Valor de retorno: Un objeto HTMLCollection que representa una colección de nodos de elementos; el orden de los elementos en la colección es el orden en el código fuente.
Versión de DOM DOM 1

Más ejemplos

Ejemplo

Ver cuántos elementos secundarios tiene el div:

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

Pruébalo »

Ejemplo

Modificar el color de fondo del segundo elemento secundario del elemento div:

var c = document.getElementById("myDIV").children; c[1].style.backgroundColor = "yellow";

Pruébalo »

Ejemplo

Obtener el texto del tercer elemento secundario (índice 2) del elemento select:

var c = document.getElementById("mySelect").children; document.getElementById("demo").innerHTML = c[2].text;

Pruébalo »

Ejemplo

Modificar el color de fondo de todos los elementos secundarios del elemento body:

var c = document.body.children; var i; for (i = 0; i < c.length; i++) { c[i].style.backgroundColor = "red"; }

Pruébalo »

元素对象参考手册Objeto de elemento

Otras extensiones