Si hay un elemento HTML con id="hello123", entonces este código JS imprime el contenido del elemento: console.log(hello123.innterHTML)
console.log(hello123.innerHTML); <p id="hello123">hello this works 123</p>Descubrí esto por casualidad, de lo contrario habría escrito:
hello123 = document.getElementById("hello123); console.log(hello123.innerHTML);¿Cuál es la diferencia entre los dos? ¿Es mejor usar getElementById porque protege en el caso de que hello123 sea una variable ya definida en otro lugar que no tiene nada que ver con un elemento HTML llamado hello123?
Los elementos con una id se convierten en propiedades globales del objeto de la window en el modelo de objetos del navegador (BOM) . No es "JavaScript" lo que hace que esto suceda. Acceder a un elemento con getElementById() utiliza la API del modelo de objetos de documento (DOM) , que está estandarizada. La lista de materiales no está estandarizada en gran medida. Usar el DOM es la mejor práctica.