El papel del nodo padre en js
En primer lugar, el nodo principal es relativo al árbol DOM del documento HTML. Como el siguiente HTML:
En el árbol DOM de este HTML, el nodo principal del nodo div id2 es el div id1 y el nodo principal de la página div id1 es el cuerpo.
En términos generales, cada elemento tiene un nodo padre y de cero a más nodos hijos.
En Javascript, modificar la apariencia de un nodo DOM se logra modificando las propiedades del objeto del nodo DOM.
Por ejemplo:
var div2 = document.getElementById('id2'); // Obtiene el nodo con id=id2
var div1 = div2. parentNode; // El nodo padre de div2 es el nodo div id1.
div1.style.border = '1px solid red'; // Establece el borde de div1 en un borde rojo sólido de 1 píxel.
Entonces, debería ser modificando un objeto. sí mismo Propiedades para lograr la configuración de la apariencia de este objeto (no modificando las propiedades del nodo secundario, como xxx.parentNode.style.display = 'block' solo se refiere al nodo principal xxx a través de xxx.parentNode y, en última instancia, las propiedades del nodo padre se modifican. No tiene nada que ver con xxx)
Hay muchas formas de obtener el elemento de destino, como obtener los nodos secundarios: div1.childNodes, (obtener el nodo secundario). list of div1)
Aprendiendo sobre HTML y Javascript, hay mucha información en línea, puedes echarle un vistazo. Por ejemplo:
W3School: ?/html/index.asp