La propiedad HTML hasChildNodes() devolverá verdadero si el Node dado tiene un Node secundario o falso si no tiene ningún Node secundario. Una línea en blanco o un espacio en blanco también se trata como un Node secundario, por lo que también devuelve verdadero en una línea en blanco o un espacio en blanco.
Parámetros de DOM (modelo de objeto de documento) de requisito previo
:
No se requieren parámetros.
Valor de retorno: la propiedad HTML nodeValue devuelve el siguiente tipo de valores.
- True si el Node dado tiene un elemento secundario, un espacio en blanco o una línea en blanco.
- Falso si el Node dado no tiene ningún hijo.
Sintaxis
node.hasChildNodes()
Ejemplo-1: en el siguiente párrafo, la etiqueta no tiene nada, por lo que devuelve falso
HTML
<!DOCTYPE html>
<html>
<body>
<head>
<script>
// utility function to demonstrate hasChildNode Property
function exampleFunction() {
// var x used to get the information of those node
// for which you want to perform
// hasChildNode properties
var res =
document.getElementById("divId").hasChildNodes();
document.getElementById("GeeksForGeeks"+
).innerHTML = res;
}
</script>
</head>
<!--In this example we will create a node of the type div
and a button which calls a function name "exampleFunction"
on clicking of this button it will show the properties of
hasChildNode property -->
<p id="divId"></p>
<br>
<button onclick="exampleFunction()">
click to know the paragraph tag has any child node
</button>
<!-- below paragraph Tag is used to
print the value of nodeValue properties-->
<p id="GeeksForGeeks"></p>
</body>
</html>
Producción:
Ejemplo-2: en el siguiente párrafo, la etiqueta tiene un mensaje, por lo que su devolución es verdadera
HTML
<!DOCTYPE html>
<html>
<body>
<head>
<script>
// utility function to demonstrate hasChildNode Property
function exampleFunction() {
// var x used to get the information of those nodes
// for which you want to perform
// hasChildNode properties.
var res =
document.getElementById("divId").hasChildNodes();
document.getElementById("GeeksForGeeks"+
).innerHTML = res;
}
</script>
</head>
<!--In this example we will create a node of the type div
and a button which calls a function name "exampleFunction"
on clicking of this button it will show the properties of
hasChildNode property -->
<p id="divId">Hello geeksforgeeks</p>
<br>
<button onclick="exampleFunction()">
click to know the paragraph tag has any child
</button>
<!-- below paragraph Tag is used to print the
value of nodeValue properties-->
<p id="GeeksForGeeks"></p>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con el método DOM click() se enumeran a continuación:
- Google Chrome 1 y superior
- Apple Safari 1 y superior
- Firefox 1 y superior
- Ópera 12.1 y superior
- Borde 12 y superior
- Internet Explorer 6 y superior
Publicación traducida automáticamente
Artículo escrito por Shahnawaz_Ali y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA