Autor Tema: No funciona innerHtml en web (JavaScript) document.getElementById cambiar texto  (Leído 8286 veces)

Dan_SB

  • Avanzado
  • ****
  • Mensajes: 273
  • *<DanielsCK>*
    • Ver Perfil
Buenas tardes!

He estado peleando mucho, y resulta ser que en mi pagina no funciona el innerHtml.. veran, hice un boton (por mera prueba) con el evento "onclick" donde al darle clic al boton llamo a una funcion "pruebo()" y mi intencion era cambiar el texto de una etiqueta <h3>... pero no me funciono (cosa que no entiendo porque hice de la misma forma la prueba con alert() y este ultimo si me funciono). ¿Que se supone que tenga que cambiar? o agregar?:

Código: [Seleccionar]
<?php
setlocale
(LC_TIME"es_PA");
?>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8"/>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-2″>
<link rel="StyleSheet" type="text/css" href="flow.css"/>
<link rel="shortcut icon" href="http://i.imgur.com/DsC2SbK.png">
<title>Dan´s web site</title>
<script type="text/javascript">
function pruebo(){
document.getElementById('tet').innerHtml = '<h3>Hola que tal</h3>';
} SCRIPT EN EL HEAD DEL HTML
</script>
</head>
<body>
<div id="header">
   <div id="hed">
     <img style="z-index: 3;" width="200" height="150" src="http://i.imgur.com/BYiUbuV.png" />
    </div>
</div>
<br/>
<div id="bady">
    <div id="menu">
<a href='HomePage.html'><div id="titulo"><h2 style="text-align:center;color: #61210B;font-family:'Times New Roman', Times, serif;font-style:italic;margin-top: 5px;">Dan´s Web Site</h2></div></a>
     <div id="item"><a href="entradas.html" id="link">Entradas</a></div>
<div id="item"><a href="proyectos.html" id="link">Proyectos</a></div>
<div id="item"><a href="experimenta.html" id="link">Probando</a></div>
<div id="item"><a href="dan.html" id="link">Sobre mi</a></div>
<div id="bloque">
         <div id="reloj">
         <p style="color: black; font-size: 11px; font-family: Galamond; background-color: #F3F781; font-style: italic; z-index: 1; margin-top:37px;margin-left: 24px;"><?php echo strftime("%A, %d de %B de %Y"); ?></p>
         <img style="z-index: 0; margin-top: -70px;" src="http://i.imgur.com/GjowbIh.png"/>
         <script type="text/javascript" src="http://counter8.fcs.ovh/private/countertab.js?c=8c1336cb38a8bf037c5cc7a4b43e460f"></script>
         </div>
</div>
    </div>
<div id="seccion"><h2 id='tet'>¡Bienvenido seas a mi pequeña esquina en el Internet!</h2></div>
        <div id="pagina"><br/>
        <h3 style="text-align:center;color: darkred;">¿Qué se supone que es esto y que hay aquí?</h3>
        <div id="escrito">
<p style="text-align: justify;">texto texto texto<p>
<p style="text-align:justify;">texto texto y mas texto</p><br>
<input type="button" onclick="pruebo()" value="probando"/> BOTON DE PRUEBA
<img style="margin-left: 400px;" src="http://www.gifmania.com/Gif-Animados-Letras-Animadas/Imagenes-Signos-de-Puntuacion/Signos-Interrogacion/signo-interrogacion138-26286.gif"/>
        </div>
        </div>
</div>
<br/>
<div id="footer">
    <div id="hed">

Me dan una mano?! T-T
« Última modificación: 07 de Enero 2016, 15:14 por Ogramar »
"Luchar por tus sueños y cumplirlos... eso es vivir.."

pedro,,

  • Moderador Global
  • Experto
  • *******
  • APR2.COM
  • Mensajes: 1292
    • Ver Perfil
Re:Misteriosamente no funciona el innerHtml en mi pagina (JavaScript)
« Respuesta #1 en: 04 de Enero 2016, 22:06 »
Hola Dan.

El error está en que lo tienes mal escrito, este es tu script:

Código: [Seleccionar]
<script type="text/javascript">
function pruebo(){
document.getElementById('tet').innerHtml = '<h3>Hola que tal</h3>';
} SCRIPT EN EL HEAD DEL HTML
</script>

y debería quedar así:

Código: [Seleccionar]
<script type="text/javascript">
function pruebo(){
document.getElementById('tet').innerHTML = '<h3>Hola que tal</h3>';
} //SCRIPT EN EL HEAD DEL HTML
</script>

HTML va todo en mayúsculas.
Y SCRIPT EN EL HEAD DEL HTML me imagino que querías que fuese un comentario, sino es así, directamente borralo.

Saludos, espero que te sirva.

« Última modificación: 04 de Enero 2016, 22:08 por pedro,, »

Dan_SB

  • Avanzado
  • ****
  • Mensajes: 273
  • *<DanielsCK>*
    • Ver Perfil
Re:Misteriosamente no funciona el innerHtml en mi pagina (JavaScript)
« Respuesta #2 en: 04 de Enero 2016, 22:40 »
Mil gracias pedro! vaya error mas tonto con eso de las mayusculas jajaj xD
"Luchar por tus sueños y cumplirlos... eso es vivir.."

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".