Método hasChildNodes() del Elemento DOM HTML

Definición y uso

Si el nodo especificado tiene cualquier nodo hijo,hasChildNodes() El método devuelve verdadero，de lo contrario devuelve falso.

hasChildNodes() El método es de solo lectura.

Nota

El espacio en blanco entre nodos se considera un nodo hijo (nodo de texto).

Véase también:

Atributo childNodes

Atributo firstChild

Atributo lastChild

Atributo nextSibling

Atributo previousSibling

Atributo parentNode

Nodo de HTML y elemento

En HTML DOM（Modelo de Objetos de Documento HTML）, el documento HTML es una colección de nodos que tienen (o no tienen) nodos hijos.

NodoSe refiere a nodos de elemento, de texto y de comentario.

ElementoLos espacios en blanco entre ellos también son nodos de texto.

Mientras que el elemento es solo un nodo de elemento.

Nodo hijo y subelemento

childNodes DevuelveNodo hijo（nodos de elemento, de texto y de comentario）.

children DevuelveSubelemento（no nodos de texto ni de comentario）.

Hermano y elemento hermano

HermanoSon 'hermanos' y 'hermanas'.

HermanoSon nodos que tienen el mismo padre nodo (en el mismo childNodes en la lista).

Elemento hermanoSon elementos que tienen el mismo padre elemento (en el mismo children en la lista).

Ejemplo

Ejemplo 1

¿El elemento tiene nodos hijos?

let answer = element.hasChildNodes();

Prueba por ti mismo

Ejemplo 2

Eliminar el primer nodo hijo del elemento:

if (element.hasChildNodes()) {
  element.removeChild(element.childNodes[0]);
}

Prueba por ti mismo

Sintaxis

element.hasChildNodes()

Parámetros

Ninguno.

Valor de retorno

Tipo Descripción
Valor booleano Si el nodo tiene nodos hijos, devuelve un valor booleano true, de lo contrario devuelve false.

Compatibilidad del navegador

element.hasChildNodes() Es una característica de DOM Level 1 (1998).

Se admite completamente en todos los navegadores:

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