如何在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);