La propiedad parentNode se utiliza para devolver el Node principal del Node especificado como objeto Node. Es una propiedad de sólo lectura.
Sintaxis:
node.parentNode
Valor de retorno: esta propiedad devuelve un elemento principal del Node especificado o nulo si el Node actual no tiene ningún elemento principal.
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
DOM parentNode Property
</title>
</head>
<body onload="start ()" style="text-align: center">
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2>
DOM parentNode Property
</h2>
<button onclick="geek ()">Click me!</button>
<br>
<br>
<div id="container">
</div>
<script>
var Text = null;
// function to call on body load
function start() {
// creating a span element
Text = document.createElement("span");
Text.style.color = "green";
Text.innerHTML = "GeeksforGeeks";
}
// check function
function geek() {
var container =
document.getElementById("container");
// checking if parent node of Text
// matches with that of var container
if (Text.parentNode === container) {
container.removeChild(Text);
} else {
container.appendChild(Text);
}
}
</script>
</body>
</html>
Salida: Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Vuelva a hacer clic en el botón para ocultar el texto.
Navegadores compatibles: los navegadores compatibles con la propiedad parentNode se enumeran a continuación:
- Google Chrome 1.0 y superior
- Borde 12 y superior
- Internet Explorer 5.5 y superior
- Firefox 1.0 y superior
- Ópera 7 y superior
- Safari 1.1 y superior
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA