¿Cómo agregar etiquetas de anclaje dinámicamente a un div en Javascript?

Question

¿Cómo agregar una lista de hipervínculos (con sus eventos y propiedades) dinámicamente a un div en Javascript?

Answer 1

aquí es una alternativa pura Javascript:

var mydiv = document.getElementById("myDiv"); 
var aTag = document.createElement('a'); 
aTag.setAttribute('href',"yourlink.htm"); 
aTag.innerHTML = "link text"; 
mydiv.appendChild(aTag); 

Answer 2

Recomiendo que use jQuery para esto, ya que hace que el proceso sea mucho más fácil. Estos son algunos ejemplos utilizando jQuery:

$("div#id").append('<a href="' + url + '">' + text + '</a>'); 

Si necesita una listaaunque, como en un <ul>, usted puede hacer esto:

$("div#id").append('<ul>'); 
var ul = $("div#id > ul"); 

ul.append('<li><a href="' + url + '">' + text + '</a></li>'); 

Answer 3

var newA = document.createElement('a'); 
    newA.setAttribute('href',"http://lochalhost"); 
    newA.innerHTML = "link text"; 
    document.appendChild(newA); 

googlear encontraría esta bastante facilidad.

Answer 4

<script type="text/javascript" language="javascript"> 
function createDiv() 
{ 
    var divTag = document.createElement("div");    
    divTag.innerHTML = "Div tag created using Javascript DOM dynamically";   
    document.body.appendChild(divTag); 
} 
</script> 

Answer 5

Una mayor variación envuelto muy bien que no se necesite setAttribute.

Hay 3 líneas que no serían necesarias si Wetfox pudiera secarse.

var saveAs = function (filename, content) { 
    if(filename === undefined) filename = "Unknown.txt"; 
    if(content === undefined) content = "Empty?!"; 
    let link = document.createElement('a'); 
    link.style.display = "none"; // because Firefox sux 
    document.body.appendChild(link); // because Firefox sux 
    link.href = "data:application/octet-stream," + encodeURIComponent(content); 
    link.download = filename; 
    link.click(); 
    document.body.removeChild(link); // because Firefox sux 
}; 

Gracias por la ayuda.