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> <head> <title>Problema</title> <script src="funciones.js"></script> <link rel="StyleSheet" href="estilos.css" type="text/css"> </head> <body> <input type="button" value="Crear nodo tipo elemento y definir el atributo href" onClick="crearElementoyAtributo()"> <div id="direccion"> </div> </body> </html>
function crearElementoyAtributo() { var elemento=document.createElement('a'); var puntero=document.getElementById('direccion'); puntero.appendChild(elemento); nodotexto=document.createTextNode('google'); elemento.appendChild(nodotexto); elemento.setAttribute('href','http://www.google.com.ar'); }
No tiene disponible el navegador la capacidad de iframe
Retornar