0
317
VistasObteniendo el error de Javascript: "TypeError no detectado: document.getElementById (...) es nulo"
Me he estado rascando la cabeza por un tiempo, soy un novato con Javascript, pero esta es la primera vez para mí. Aquí hay un código html y javascript muy simple que está causando el error en el título:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script> document.getElementById("game-column").innerHTML = "test"; </script> </head> <body> <div id="game-container"> <div id="card-column" name="card-column"></div> <div id="game-column" name="game-column"></div> </div> </body> </html>Principalmente estoy usando Firefox para probar.
Por alguna razón, se queja en la consola cuando actualizo la página web, sin embargo, cuando ejecuto el comando JS en la consola, parece funcionar bien. Ver imagen a continuación.
Gracias por cualquier respuesta.
2 Respuestas
Responde la pregunta0
Esto probablemente sucede porque su DOM no está cargado antes de que se ejecute su JavaScript. Consulte aquí para obtener una explicación y una solución: https://javascript.info/onload-ondomcontentloaded . ¡Alternativamente, puede mover su javascript debajo de su HTML!
0
agregue el script al final en su lugar:
como esto:
<html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> </head> <body> <div id="game-container"> <div id="card-column" name="card-column"></div> <div id="game-column" name="game-column"></div> </div> <script> document.getElementById("game-column").innerHTML = "test"; </script> </body> </html>