bien soy nuevo en javascript, pero estoy tratando de cambiar el innerHTML de una etiqueta div, aquí está mi guión y no su trabajo:Javascript cambio innerHTML
<head>
<script type="text/javascript">
function var1() {
document.getElementById('test').innerHTML = 'hi';
}
window.onLoad = var1();
</script>
</head>
<body>
<div id="test">change</div>
</body>
que deben trabajar, pero por alguna razón no es, cualquier ¿ayuda?
En lugar de asignar var1 a window.onload, está llamando a la función y almacenando el resultado. Además, esto podría ser obvio, pero var1 parece ser un nombre extraño para una función. Prueba esto:
function var1() {
document.getElementById('text').innerHTML = 'hi';
}
window.onload = var1;
Nota de la carcasa onload, así como los paréntesis que falta después de var1.
no debe usar innerHTML no es estándar y es una mala práctica. Es mucho más seguro usar métodos DOM como createElement, createTextNode y appendChild. –
Obtendrá un elemento con una identificación de "prueba", pero no hay ningún elemento con esa identificación en su html. Sin embargo, hay uno llamado "texto".
oh lo siento, lo arreglé y no copié y pegué desde mi texto que acaba de escribir aquí, mi mal. pero todavía no funciona – David
correcta:
window.onload = var1;
en su valor de ejemplo de window.onload es undefined porque la función var1 no devuelve nada (undefined). Debe establecer la propiedad onload para la función var1, no como resultado de la función de llamada var1()
Intenta cambiar onLoad para cargar.
function var1() {
document.getElementById('test').innerHTML = 'hi';
}
window.onload = var1; // onload
Es mucho más seguro usar métodos DOM como createElement, createTextNode y appendChild. –
Puede verificar que esto no resuelva el problema. Ejecuta la función antes de la carga, que es involuntaria. – brunoais
@brunoais actualizado. el problema al que estaba tratando de llamar la atención era que estaba el camelCase onload. – johnmdonahue
usando .innerHTML es non-standard, y una terrible práctica por muchas razones. debe crear un nuevo elemento utilizando los métodos estándar adecuados y agregarlo al árbol donde lo desee
No. El uso de 'innerHTML' es la forma más rápida. –
no significa que no es una mala práctica –
No es una práctica incorrecta, por lo tanto, puede conducir a un comportamiento indefinido, es decir: fallas de seguridad, por lo tanto, es una mala práctica. No puedo creer que alguien votó por esto ... –
Su ejemplo funcionará si cambia la "L" mayúscula a "L" en minúscula en "onLoad" y quita el paréntesis después de var1 donde actualmente tiene window.onLoad = var1();
A continuación se muestra otra versión más simple
<body>
<div id="test">change</div>
<script type="text/javascript">
document.getElementById('test').innerHTML = 'hi';
</script>
</body>
La frase "no trabajar" abarca una gran cantidad de escenarios. ¿Cuál es exactamente el error? –
no hay ningún error, simplemente no está cambiando el texto dentro de la div 'prueba'. Acabo de probar y si pongo el javascript debajo del div, funciona. ¿Hay alguna manera de hacerlo funcionar cuando está arriba del div como lo he mostrado? – David