innerHTML

[zyon]

Alguien me puede ayudar diciendome para que es un innerHTML y para que me funciona y un ejemplito ?

[JavierB]

Hola zyon

innerHTML sirve para "escribir" dentro de un elemento HTML

Por ejemplo, si tienes un div: <div id="pepe"></div>

Puedes utilizar este código para poner algo dentro:

document.getElementById('pepe').innerHTML = 'Hola, soy yo';

Saludos,

[zyon]

ha ok, me quedo mas claro, gracias!!!

[cacr]

saludos

Existe algo que me permita eliminar una etiqueta html? algo así como un "opuesto" al innerHTML?

[zyon]

mm que tal, tal vez te sirva usar un removeChild(NODO) , aunque es algo que no he usado aún....

[Raya2]

Iniciado por JavierB

Hola zyon

innerHTML sirve para "escribir" dentro de un elemento HTML

Por ejemplo, si tienes un div: <div id="pepe"></div>

Puedes utilizar este código para poner algo dentro:

document.getElementById('pepe').innerHTML = 'Hola, soy yo';

Saludos,

tomando el comentario anterior podrias hacer esto

Código PHP:

  document.getElementById('pepe').innerHTML = '';  
   

hacerlo vacio

;)

[shaggyz]

Hablando de innerHTML, alguien sabe por que no funciona al tratar archivos php en vez de html?

[PedroRodas]

Interesante, es esto asi? no pueden tratarse archivos php. q alternativas se plantean?

[Panino5001]

Cuando php genera una salida html (casi siempre: a menos que lo usemos para generar una imagen, un pdf, un xls u otra salida, casi siempre usamos a php para generar salidas html), innerHTML puede usarse sin problemas.

[the_web_saint]

es posible incluir un archivo php en el innerHTML??
osea que lo que escriba en el contenedor sea lo que este en un archivo aparte y no una cadena.

Gracias

[gepd]

para hacer eso ya tienes que hacer una llamada asincronica, con algo como ésto

Código:

function cargar(){   
   contenedor = document.getElementById('div');
   ajax=nouAjax();
   ajax.open("GET","pagina.php",true);
   ajax.onreadystatechange=function() {
      if (ajax.readyState==4) {
         contenedor.innerHTML = ajax.responseText;
       }
   }
   ajax.send(null)
}

[buzu]

por que querrías usar innerHTML para generar php si lo puedes hacer con php? Ademas yo preferiría usar métodos DOM en lugar de innerHTML.

[gepd]

Según tengo entendido innerHTML es mucho más rapido que los métodos DOM.
ahora, el preguntó que quería incluir una página php con innerHTML no conozco otro método...

¿hay otro?

Saludos

[buzu]

gepd, tienes toda la razón, no entendí bien la pregunta. Por otro lado, el innerHTML es mas rápido al escribir por razones obvias, sin embargo, los métodos DOM son estandar y mas flexibles. Por ejemplo, podrías establecer el background de un div de un color u otro dependiendo de las acciones del usuario.

[buzu]

Por cierto,

osea que lo que escriba en el contenedor sea lo que este en un archivo aparte y no una cadena.

Para hacer eso necesitarías usar Ajax. Aun que de nuevo no veo el motivo por el que querrías hacerlo. Incluir php en una pagina web después de que ha sido cargada no tiene sentido -si es que puede hacerse- ya que el php se ejecuta en el servidor y no en el cliente.

[mape367]

Iniciado por buzu

Por cierto,
Para hacer eso necesitarías usar Ajax. Aun que de nuevo no veo el motivo por el que querrías hacerlo. Incluir php en una pagina web después de que ha sido cargada no tiene sentido -si es que puede hacerse- ya que el php se ejecuta en el servidor y no en el cliente.

Yo uso AJAX en una aplicación web, justamente utilizo el método de cargar php en un div por ejemplo.

Cada "ventana" de mi aplicación cuenta con varias secciones, al cargarse la página, inicialmente sólo se cargan la estructura, los estilos css, el javascript. Cuando el usuario intenta ingresar por primera vez a cierta sección, AJAX entra en acción solicitando un archivo php que incluso puede interactuar con la base de datos. Una vez que se recibió el archivo, continua la ejecución del programa.

Saludos

[buzu]

Claro que puedes interactuar con php y una base de datos (ahi esta su verdadero poder) utilizando ajax, pero lo que estas insertando en la pagina web no es php sino lo que el servidor te devuelve como resultado de la ejecución del php que puede ser texto simple o html e incluso CSS y javascript.

[pipialegre]

Si lo que quieres es incluir un pedazo de código php en el area de un div, lo que tienes que hacer es un include('nombredelarchivo.php');

[liderzen]

quisiera modificar el class de un <td>. Me explico mejor:

En el diseño tengo esto:

<td id="columna1" class="requerido"></td>

Quiero cambiarlo a:

<td id="columna1" class="no requerido"></td

Tengo la siguiente idea pero hay errores:

function cambiarClass(){
document.getElementById("columna1").class = "no requerido";

}

Me podrian ayudar corrigiendo mi idea???


Gracias por su ayuda.

[keysita]

Iniciado por JavierB

Hola zyon

innerHTML sirve para "escribir" dentro de un elemento HTML

Por ejemplo, si tienes un div: <div id="pepe"></div>

Puedes utilizar este código para poner algo dentro:

document.getElementById('pepe').innerHTML = 'Hola, soy yo';

Saludos,

[Murdock69]

Esta respuesta va para Liderzen, creo que el problema de ese código lo tienes en que en Javascript la palabra 'class' es reservada y deberás utilizar 'className'.

Un saludo.

[spicke23]

holas... tengo una duda...

tengo un div, pero sin id, sino q con una clase

ej:

Código HTML:

<div class="clase_x"></div>
 

puedo escribir dentro de ese div con innerHTML ???

gracias.-

[dauphins]

Amigos, espero me puedan dar una mano:

Tengo un kiosco multimedia de diferentes especialidades medicas, la pantalla principal muestra las especialidades(flash), al darles click entra y me muestra en listado a los medicos con sus horarios del MES e imprimirlos en una tocketera termica, hasta ahi todo bien y no hay problema alguno.

Se adiona una idea y es que deseo que al darle click en el medico este muestre digamos sus horarios disponibles del DIA, pero ojo eh sin recargar la pagina, asi que opte por por un div oculto y que al darle click al medico se visualice y se oculte el otro donde estan los listados de medicos, he usado el innerhtml para ingresar los datos que pueda obtener pero hasta ahora solo he podido agregar una cadena y mostrarla, humm he buscado info pero todos son ejemplos simples con cadena, lei sobre usar metodos Dom, alguien conoce o me puede dar una pagina donde pueda informarme más.