HTML DOM firstElementChildPropiedad

元素对象参考手册Objeto Elemento

Ejemplo

Obtener el primer elemento hijo del elemento <ul> en HTML:

var x = document.getElementById("myList").firstElementChild.innerHTML;

Pruébalo »

Definición y uso

La propiedad firstElementChild devuelve el primer elemento hijo del elemento especificado.

La propiedad firstElementChild y lafirstChild,propiedad firstChild se diferencian en que firstChild devuelve el primer nodo hijo como nodo de elemento, incluyendo nodos de texto o nodos de comentario (dependiendo de cuál sea el primero), mientras que firstElementChild devuelve el primer nodo hijo como nodo de elemento (ignorando nodos de texto y comentarios).

Esta propiedad es de solo lectura.

Consejo:Use la propiedad children para devolver cualquier elemento hijo del elemento especificado.

Consejo:Para devolver el último elemento hijo del elemento especificado, use lalastElementChildpropiedad.

Soporte del navegador

Propiedad
firstElementChild 2.0 9.0 3.5 4.0 10.0

Sintaxis

element.firstElementChild

Parámetros

None

Valor de retorno

Tipo Descripción
Object Devuelve un objeto Node que representa el primer elemento hijo del elemento; si no hay ningún elemento hijo, devuelve null

Detalles técnicos

Versión DOM Core Level 3 Element Traversal

Más ejemplos

Ejemplo

Obtener el nombre de etiqueta del primer elemento hijo del elemento <div>:

var x = document.getElementById("myDIV").firstElementChild.tagName; document.getElementById("demo").innerHTML = x;

Pruébalo »

Ejemplo

Obtener el texto del primer elemento hijo del elemento <select>:

var x = document.getElementById("mySelect").firstElementChild.text;

Pruébalo »

元素对象参考手册Objeto Elemento

Otras extensiones