Esto podría ser una locura, pero me intriga desde hace bastante tiempo :)¿Cómo una variable vincula su valor al DOM?
Me gustaría saber cómo una variable de JavaScript puede obligarse a hacer el DOM después de que se anexa al cuerpo, por ejemplo?
var p = document.createElement('p');
p.innerHTML = 'Hello World';
document.body.appendChild(p);
así que ahora tengo esta variable p
que contiene una referencia exacta de ese párrafo específico sin importar dónde se encuentra dentro del cuerpo.
p.innerHTML = 'new content';
va a encontrar fácilmente el párrafo y cambiar su valor
Así que mi pregunta es ... ¿cómo se hace esta unión?
¿Qué sucede si quiero volver a crear eso después de que la variable se haya ido? ¿hay alguna forma de volver a adjuntar eso sin tener que ejecutar el DOM y encontrarlo?
Estaba pensando si de alguna manera cada nodo dentro del DOM tiene su identificador específico que no es el atributo id
pero ¿algún tipo de UUID que se puede consultar más adelante?
como:
console.log(p.localName); //aoi12e2kj2322444r4t
p = null;
por lo que aún puede recuperar ese nodo párrafo pensado que esto UUID?
En este entorno no tener acceso a cualquier atributo nodo externo, tales name
, id
, data
, etc ..
así que estoy bastante curiosidad por saber cómo se crea esta unión entre la variable y el nodo DOM ?
gracias @outis, mi único problema con el uso de 'id' fue romper/sobrescribir las reglas de css que se refieren a un elemento, ya que crearía uuids para los elementos en el tiempo que los use. Entonces podría recuperarlos solo teniendo este uuid asignado ... Prefiero 'id' porque es el más rápido de encontrar ¿no?También pensé en el conjunto de datos, pero supongo que encontrar elementos por su conjunto de datos envolvería procesos que son mucho más lentos que el enlace de ID .... y como cada elemento solo puede tener un 'id' que es correcto ...:/I Todavía pensando cuál es la mejor opción, muchas gracias por su contribución – zanona