如何在Javascript中动态地将锚标签添加到div？

Question

如何在Javascript中动态地将超链接列表(及其事件和属性)添加到div中？

Answer 1

这是一个纯粹的Javascript替代方案:

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

Answer 2

我建议您使用jQuery,因为它使过程更容易.以下是使用jQuery的一些示例:

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

如果你需要一个列表,就像在a中一样<ul>,你可以这样做:

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

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