La propiedad DOM nodeType se utiliza para averiguar el tipo de Node al que nos referimos. El tipo de un Node en particular se devuelve en forma numérica. La propiedad DOM nodeType es una propiedad de solo lectura.
Valor devuelto: Devuelve un valor numérico según el tipo de Node.
- 1: si el Node es un Node de elemento.
- 2: si el Node es un Node de atributo.
- 3: si el Node es un Node de texto.
- 8: si el Node es un Node de comentario.
Sintaxis:
nodeName.nodeType
Ejemplo 1:
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML|DOM nodeType Property
</title>
<style>
p,
h5 {
color: green;
}
</style>
</head>
<body style="text-align: center;">
<p id="gfg">
GeeksforGeeks
</p>
<h5>
Welcome to GeeksforGeeks
</h5>
<button onclick="node()">
Click here to know the node type.
</button>
<p id="nodetype"></p>
<script>
function node() {
var geek = document.getElementById("gfg").nodeType;
// innerHTML fetches value of element
// valued "nodetype"
// and update it with new value of variable
// "geek"(nodeType value of geek)
document.getElementById("nodetype").innerHTML = geek;
}
</script>
</body>
</html>
Producción:
Antes:
Después:
Ejemplo-2:
html
<!DOCTYPE html>
<html>
<head>
<title>HTML|DOM nodeType Property</title>
<style>
h5 {
color: green;
}
</style>
</head>
<body style="text-align: center;">
<h3>Welcome to GeeksforGeeks</h3>
<button onclick="nType()">
Click here to know the node type.
</button>
<p id="nodetype"></p>
<script>
// nType() function is used to fetch our node
// and find out its type
function nType() {
var geek = document.body.nodeType;
document.getElementById("nodetype").innerHTML = geek;
}
</script>
</body>
</html>
Producción:
Antes:
Después:
Navegadores compatibles:
- Google Chrome 1 y superior
- Borde 12 y superior
- Internet Explorer 6 y superior
- Firefox 1 y superior
- Ópera 7 y superior
- Safari 1.1 y superior