Método HTML DOM TreeWalker parentNode()

El método parentNode() de TreeWalker mueve el Node actual al primer Node ancestro visible o Node principal de TreeWalker en el orden del documento y devuelve el Node encontrado. Si no existe tal hijo en el documento, este método devuelve nulo.

Sintaxis:

node = treeWalker.parentNode();

Parámetros: Este método no toma parámetros.

Valor devuelto:

  • Devuelve parentNode de TreeWalker si existe.
  • Devuelve nulo si no existe tal hijo.

Ejemplo: en este ejemplo, cree un TreeWalker con un Node de cuerpo y, por lo tanto, muestre el parentNode del primer Node de ese TreeWalker.

html

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
<title>HTML DOM TreeWalker parentNode() method</title>   
</head>
<body>
    <h1>GeeksforGeeks</h1>
    <p>Click Below</p>
    <button onclick="get()">Click</button>
</body>
<script>
        var treeWalker = document.createTreeWalker(
        document.body,
        NodeFilter.SHOW_ELEMENT,
        { acceptNode: function(node) {
return NodeFilter.FILTER_ACCEPT; } },
        false
);
        function get(){
            treeWalker.firstChild();
            var node = treeWalker.parentNode();
            console.log(node);
        }
</script>
</html>

Producción:

Antes de hacer clic en el botón:

Después de hacer clic en el botón: en la consola, se puede ver el Node principal del TreeWalker que es la etiqueta <body>.

Navegadores compatibles:

  • Google Chrome 1 y superior
  • Borde 12 y superior
  • Firefox 4 y superior
  • Safari 3 y superior
  • Ópera 9 y superior
  • Internet Explorer 9 y superior

Publicación traducida automáticamente

Artículo escrito por taran910 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *