16 - Crear un atributo y agregárselo a un nodo de tipo elemento (setAttribute)
Problema:
Crear un nodo de tipo elemento <a> y luego definirle la propiedad href. Todo esto en forma dinámica al presionar un botón.
pagina.html
estilos.css
funciones.js
Ejecución de la página
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Prueba</title> </head> <body> <input type="button" value="Crear nodo tipo elemento y definir el atributo href" onClick="crearElementoyAtributo()"> <div id="direccion"> </div> <script src="funciones.js"></script> </body> </html>
function crearElementoyAtributo() { let elemento = document.createElement('a') let puntero = document.getElementById('direccion') puntero.appendChild(elemento) let nodotexto = document.createTextNode('google') elemento.appendChild(nodotexto) elemento.setAttribute('href', 'https://www.google.com.ar') }
No tiene disponible el navegador la capacidad de iframe
Retornar