¿En qué etapa puede React acceder al DOM real?
Cree un nodo de elemento y trate el nodo como
un elemento que se agrega al árbol de nodos DOM. Primero cree un punto de elemento y luego use la función de fábrica $() de Jquery para crear un nodo de elemento. El formato es el siguiente: $(html). Este método devolverá un objeto DOM basado en la cadena html entrante, envolverá el objeto DOM en un objeto JQuery y lo devolverá. El código JQuery para crear un nodo de elemento es el siguiente:
$li1=$(" ")
El código devuelve que $li1 es un objeto JQuery envuelto por un objeto DOM. Agregue nuevos nodos al árbol DOM. El código JQuery es el siguiente:
$("ul"). append($ Li 1);
Después de agregar, solo el " " predeterminado del elemento se puede ver en la página. Como no se agrega ningún texto para el nodo, solo se muestra el símbolo predeterminado. Cree un nodo de texto a continuación.
PD: El método append() consiste en agregar nodos DOM. Consulte Agregar nodo DOM para obtener más detalles.
2. Crear nodos de texto
Los nodos de texto también se pueden crear usando la función de fábrica $() de JQuery. El código JQuery utilizado para crear nodos de texto es el siguiente:
$li2=$("Apple");
El código devuelve que $li2 es un objeto JQuery envuelto por un DOM objeto. Agregue el nodo de texto recién creado al árbol DOM. El código JQuery es el siguiente:
$("ul"). append($li2);
Puedes ver "Apple" en la página agregada. Haga clic derecho en el código fuente de la página y descubra que el nodo de texto recién agregado no tiene un atributo de título. El siguiente método crea un nodo con propiedades.
3. Crear nodos de atributos
La creación de nodos de atributos se realiza utilizando la función de fábrica de JQuery, al igual que los nodos de elementos y los nodos de texto. El código JQuery para crear el nodo de atributos es el siguiente:
$li3=$("Durian");
El código devuelve $li3 que también es un objeto JQuery envuelto por un Objeto DOM. Agregue el nodo de atributo recién creado al árbol DOM. El código JQuery es el siguiente:
$("ul"). append($li3);
Puedes ver "Durian" en la página agregada. Haga clic derecho en el código fuente de la página y descubra que el nodo de atributo recién agregado tiene el atributo title = 'durian'.