JavaScript - Ejecutar funcion con el DOM

Pos: 408

Val: 5

Ejecutar funcion con el DOM

Publicado por beatriz (3 intervenciones) el 08/04/2019 18:30:21

Buenos días:
Estoy haciendo una tarea donde hay que hacer un script con una funcion que estara asociada a un boton que hara dos cosas:
- Una de ellas es crear etiqueta con su texto
- otra es modificar el enlace y redirigir a otra pagina diferente de la que habia antes.
No se pueden añadir identificadores, ni clase al archivo html para poder resolverla. Entonces no se como hacer que se ejecute la funcion
Muchas gracias de antemano
Un saludo

Captura

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Pos: 1

Val: 3.506

Ejecutar funcion con el DOM

Publicado por joel (895 intervenciones) el 08/04/2019 19:03:11

Seria mejor que pegaras tu código para poder copiarlo y hacer pruebas!!

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar

Pos: 408

Val: 5

Ejecutar funcion con el DOM

Publicado por beatriz (3 intervenciones) el 09/04/2019 21:08:45

Le paso el html para que vea lo que he hecho.
Muchas gracias de antemano
Un saludo

javascript.zip(808,0 B)

Valora esta respuesta

Comentar

Pos: 5

Val: 1.807

Ejecutar funcion con el DOM

Publicado por Xavi (68 intervenciones) el 09/04/2019 22:28:28

Hola Veatriz, tienes varios errores en el código... si revisas la consola del navegador, te va indicando...

Linea:10
es appendChild, no appendchild
linea:11
has puesto appenChild
linea 12,13,14,34 y 35:
es getElementById en vez de getElementsById
linea 40:
Es punto y coma, en vez de dos puntos

Aquí lo tienes corregido:

<DOCTYPE html>

<html lang="es">

	<head>

		<meta charset="UTF-8">

		<title>Construyendo el DOM</title>

		<script type="text/javascript">

			function crearBody_modificarEnlace(){

				var btn = document.createElement("button");

				var txt = document.createTextNode("Hazme clik");

				btn.appendChild(txt);

				document.body.appendChild(btn);

				var nodo = document.getElementById("h1");

				var nodo = document.getElementById("hr");

				var nodo = document.getElementById("div");

			function Crear(){

			//Crear etiqueta <h1> con texto "Encabezado dinamico"

				var nodo = document.createElement("h1");

				var textoNodo = document.createTextNode("Encabezado dinamico");

				nuevaEtiqueta.appendchild(textNodo);

			//Crear etiqueta <hr>

				var nodo = document.createElement("hr");

			//Crear etiqueta <div> que contendra un parrafo <p> Con un texto dentro parrafo creado dinamicamente

				var nodo = document.createElement("div");

				var div = document.getElementsByTagName("div")[0];

				var nododiv = document.createAtribute("p");

				var textNodo = document.createTextNodo("parrafo creado dinamicamente");

				nodoId.nodevalue="div";

				div.setAttributeNode(nodoId);

			//Modificar el atributo href para que apunte a la pagina wikipedia y modificar el enlace "Ir a Google" por el de "Ir a Wikipedia"

			function modificar(){

				document.getElementById(id).href= "Wikipedia";

				document.getElementById(id).innerHTML= "Ir a Wikipedia";

		</script>

	</head>

	<body>

		<button onclick="crearBody_modificarEnlace();">Crear body y Cambiar enlace</button>

		<p><a href="http://www.google.es">Ir a Google</a></p>

		<footer class="pie">

			<span></span><p></p>

			<span></span><p></p>

		</footer>

	</body>

</html>

Valora esta respuesta

Comentar

Pos: 408

Val: 5

Ejecutar funcion con el DOM

Publicado por beatriz (3 intervenciones) el 10/04/2019 17:35:52

ok si muchas gracias, pero me sigue sin dejar hacer lo que necesito y no se porque, porque me dice el ejercicio.
Hacer un script con una funcion CrarBody_modificarEnlace() que estará asociada a un botón y que hará dos cosas:
- Crear dinamicamente parte del body del siguiente documento html haciendo uso de las propiedades y métodos del DOM:
Crear parte del body:
Se creara una etiqueta <h1>con texto "...." que sera la primera etiqueta del body
Se creara una segunda <hr>
Despues se creara un <div> que contendra un parrafo <p> . El parrafo contendra el siguiente texto "...."
Modificar el enlace que redirige a google de la siguiente forma:
-Se modificar el atributo href para que apunte a la pagina wikipedia.
-Se modificara el texto contenido en el enlace "Ir a Google" por el de "Ir a Wikipedia"
Una vez creado y modificado todo quedara asi el html paso una captura de pantalla de la solucion que deberia de dar y que no consigo de ninguna forma que me de.
Muchas gracias de antemano
Un saludo

Javascript.zip(33,5 KB)

Valora esta respuesta

Comentar

recorrer each

TOMAR INPUT DINAMICO Y VALIDARLO