TENGO EL SIGUIENTE CODIGO. Y ME FUNCIONA, PERO QUIERO MEJORARLO. PRAR PROBARLO CAMBIARLE LA RUTA DEL ENLACE POR AQUELLA EN LA QUE GUARDEIS EL ARCHIVO:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>VER MAS - PRUEBA</title>
<style type="text/css">
.oculto { display: none; }
.visible { display: inline; }
</style>
<script type="text/javascript">
function muestra() {
var elemento = document.getElementById("adicional");
elemento.className = "visible";
var enlace = document.getElementById("enlace");
enlace.className = "oculto";
var enlace2 = document.createElement("a"); //Creo nodo de tipo Element
enlace2.href = "file:///c:/Documents%20and%20Settings/Angeles/Escritorio/Ver_mas.html"
var contenido = document.createTextNode("Volver");// Creo nodo de tipo Text
enlace2.appendChild(contenido);// Añadir el nodo Text como hijo del nodo Element
document.body.appendChild(enlace2)// Añadir el nodo Element como hijo de la pagina
}
</script>
</head>
<body>
<p id="texto">El estallido de la burbuja tecnológica en el otoño de 2001 marcó un momento crucial para la web.
Mucha gente concluyó que la expectación sobre la web era exagerada[...]<span id="adicional" class="oculto">
El concepto de 'Web 2.0' comenzó con una sesión de 'brainstorming' realizada entre O'Reilly y MediaLive
International. Dale Dougherty, pionero de la web y vicepresidente de O'Reilly[...].</span></p>
<a id="enlace" href="#" onclick="muestra(); return false;">Leer más</a>
</body>
</html> HE INTENTADO MEJORARLO CON ESTE OTRO PERO NO FUNCIONA EL ENLACE UNA VEZ QUE SE HA CAMBIADO EL TEXTO DEL ENLACE POR "VOLVER":
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejercicio 12 - DOM básico y atributos XHTML</title>
<style type="text/css">
.oculto { display: none; }
.visible { display: inline; }
</style>
<script type="text/javascript">
function muestra() {
var elemento = document.getElementById("adicional");
elemento.className = "visible";
var enlace = document.getElementById("enlace");
enlace.href = "http://www.google.es";enlace.innerHTML = 'Volver';
}
</script>
</head>
<body>
<p id="texto">El estallido de la burbuja tecnológica en el otoño de 2001 marcó un momento crucial para la web.
Mucha gente concluyó que la expectación sobre la web era exagerada, cuando de hecho las burbujas y las consiguientes
crisis económicas parecen ser una característica común de todas las revoluciones tecnológicas.
Las crisis económicas marcan típicamente el punto en el cual una tecnología en ascenso está lista para ocupar
su lugar en el escenario económico. Se descarta a los impostores, las historias de éxito verdaderas muestran su
fortaleza, y comienza a comprenderse qué separa a los unos de los otros..<span id="adicional" class="oculto">
El concepto de 'Web 2.0' comenzó con una sesión de 'brainstorming' realizada entre O'Reilly y MediaLive
International. Dale Dougherty, pionero de la web y vicepresidente de O'Reilly, observaron que lejos de
'estrellarse', la web era más importante que nunca, con apasionantes nuevas aplicaciones y con sitios web
apareciendo con sorprendente regularidad. Lo que es más, las compañías que habían sobrevivido al desastre
parecían tener algunas cosas en común. ¿Podría ser que el derrumbamiento de las punto-com supusiera algún
tipo de giro crucial para la web, de tal forma que una llamada a la acción tal como 'Web 2.0' pudiera tener
sentido? Estuvimos de acuerdo en que lo hizo, y así nació la conferencia de la Web 2.0.</span></p>
<a id="enlace" href="#" onclick="muestra(); return false;">Leer más</a>
</body>
</html>