elemento - obtener contenido de un div javascript
Javascript no puede encontrar el elemento por id? (5)
¿Cómo sabrá el navegador cuándo ejecutar el código dentro de la etiqueta de script? Entonces, para hacer que el código se ejecute después de que la ventana se haya cargado completamente,
window.onload = doStuff;
function doStuff() {
var e = document.getElementById("db_info");
e.innerHTML=''Found you'';
}
La otra alternativa es mantener su <script...</script> justo antes de la etiqueta de cierre </body> .
Esta pregunta ya tiene una respuesta aquí:
<html>
<head>
<title>Test javascript</title>
<script type="text/javascript">
var e = document.getElementById("db_info");
e.innerHTML=''Found you'';
</script>
</head>
<body>
<div id="content">
<div id="tables">
</div>
<div id="db_info">
</div>
</div>
</body>
</html>
Si uso alert(e); aparece null ... y obviamente no aparece "te encontré" en la pantalla. ¿Qué estoy haciendo mal?
Ejecute el código en el evento onload, antes de cerrar body etiqueta de body . Intenta encontrar un elemento que no está allí en el momento en que lo hace.
El problema es que está intentando acceder al elemento antes de que exista. Debe esperar a que la página esté completamente cargada. Un posible enfoque es utilizar el controlador onload :
window.onload = function () {
var e = document.getElementById("db_info");
e.innerHTML=''Found you'';
};
Sin embargo, la mayoría de las bibliotecas de JavaScript proporcionan un evento preparado para DOM. Esto es mejor, ya que window.onload espera a todas las imágenes, también. No necesitas eso en la mayoría de los casos.
Otro enfoque es colocar la etiqueta de script justo antes de que cierre </body> -tag, ya que todo lo que está enfrente está cargado en el momento de la ejecución, entonces.
El script se llama antes de que exista el elemento.
Debe intentar uno de los siguientes:
- envolver el código en una función y usar un evento de carga del cuerpo para llamarlo.
- poner guión al final del documento
- usar el atributo deferir en la declaración de etiqueta de script
El script se realiza antes de que se construya el DOM del cuerpo. Ponlo todo en una función y llámalo desde la onload del elemento cuerpo.