如何在Javascript中将超链接动态添加到div标签？

Question

我想在功能区上添加超链接。 我能够将超链接添加到现有的div中。 我在页面上执行的每项操作都使超链接增加一个。 我怎样才能使它（超链接）限制为一个？

我正在使用以下代码：

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

请给我建议。

Answer 1

var aTag = document.createElement('a');

每次调用时都会创建一个新的anchor元素。 没有更多的上下文，很难理解为什么以及为何频繁调用此代码。

我们真正知道的是，每次调用它时，您都将其附加到div上，这就是为什么您有多个链接的原因。

mydiv.appendChild(aTag);