cambiar html con js

[sergio87]

hola amigos

tengo un problema con un archivos.. necesito saber como hacer para reemplazar el texto que hay en este html con javascript

Código HTML:

<ul id="datos">
            <li>Aca va el apellido del alumno</li>
            <li>Aca va la materia del tp</li>
            <li>Aca va el cuatrimestre y comision del alumno</li>
            <li>Aca va la pagina personal. Debe abrir una ventana popup de 800 x 600 centrada horizontalmente</li>
</ul> 

sin modificar este html tengo que llamar a ese LI y reemplazar el texto, se entiende?

espero que me puedan ayudar, busque cosas pero no me pudieron solucionar el problema.

gracias!

[David]

Puedes obtener la referencia al ul através de su id, luego con getElementsByTagName obtienes los li y los modificas con innerHTML o mejor aún manipulando el DOM.

[sergio87]

gracias!..

me podrias facilitar un ejemplo para que me sea mas facil hacerlo, puede ser?

gracias por tu ayuda david.

[David]

Usando innerHTML:

Código javascript:

document.getElementById("datos").getElementsByTagName("li")[0].innerHTML = "Texto";
 

Descomponiendo por partes, primero usamos getElementById para obtener la referencia al ul, luego usamos getElementsByTagName y el índice 0 para obtener la referencia al primer <li>, y modificamos su contenido usando innerHTML.
Modificando el DOM:

Código javascript:

lielem = document.getElementById("datos").getElementsByTagName("li")[1];
   lielem.removeChild(lielem.firstChild);
   lielem.appendChild(document.createTextNode("Texto"));
 

En la primera línea obtenemos la referencia al segundo <li> (índice 1), en la segunda línea borramos su texto, y en la tercera añadimos el nuevo texto.

[sergio87]

muchas gracias David.

me sirvió de gran ayuda, cualquier cosa si tengo mas dudas sobre lo que estoy haciendo, te consulto.

saludos