如何使用JavaScript向元素添加链接？

因此，与在每个元素中直接使用标记不同，有没有一种方法可以动态添加标记？

我想做的是，首先我有一个日历，当用户单击日历上的特定日期时，用户可以在单独的页面上看到该日期发生了什么
问题是我使用的是

django调度程序

库，所以日历是预先设计的，这意味着我不能直接更改代码。我的模板中只有

{%calendar%}

。所以我想我必须使用JavaScript来控制。

以下是我在页面“来源”中看到的内容：

...
<div class="content" data-date="2020-05-27"></div>
<div class="content" data-date="2020-05-28"></div>
<div class="content" data-date="2020-05-29"></div>
...

。。。
...

对于每个

数据日期

，我想添加如下链接：www.some-webpage.com/2020-05-27

---

有可能用JavaScript实现这一点吗？提前感谢。：）

您可以在按钮的

onClick

中添加以下功能。 在这里，我使用

document.querySelectorAll

选择具有

data date

属性的所有元素，然后在每个元素上循环，形成一个

a

标记，带有基于

data date

属性的链接

函数addDateLink（）{
document.querySelectorAll（“[数据日期]”）.forEach（div=>{
const date=div.getAttribute（'data-date'）
div.innerHTML=``
})
}

---

您可以在按钮的

onClick

中添加以下功能。 在这里，我使用

document.querySelectorAll

选择具有

data date

属性的所有元素，然后在每个元素上循环，形成一个

a

标记，带有基于

data date

属性的链接

函数addDateLink（）{
document.querySelectorAll（“[数据日期]”）.forEach（div=>{
const date=div.getAttribute（'data-date'）
div.innerHTML=``
})
}

您可以为每个人使用地图功能并添加链接

您可以为每个人使用地图功能并添加链接

非常感谢。那我怎么使用onClick函数呢？非常感谢。那么如何使用onClick函数呢？