javascript - 如何将超链接动态添加到 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);