如何使用HTML动态生成mailto：来自AJAX

Question

我有一个包含电子邮件地址的XML文档，我想通过AJAX读取这些电子邮件地址，然后在HTML可点击链接中呈现它们（当然）允许我向该地址发送电子邮件。

JavaScript代码存根：

emailobj = listings[i].getElementsByTagName("EMAIL")
document.getElementById("email").innerHTML = emailobj[0].firstChild.data

HTML代码存根（我知道下面的代码不起作用 - 但是上面给出的JavaScript工作原理是什么）

<div id="email"></div>

对于HTML，可能类似

<a href="mailto:" + email></a>

最终结果应该是在网页上呈现的电子邮件地址，并且可以点击发送电子邮件。

Answer 1

从以下html开始：

<div id="email"></div>

您可以修改以下代码（假设您的emailobj正在填充）：

var emailobj = listings[i].getElementsByTagName("EMAIL");
var emailAddress = emailobj[0].firstChild.data;
var emailLink = document.createElement("a");

emailLink.innerHTML = emailAddress; 
emailLink.setAttribute("href", "mailto:" + emailAddress);
document.getElementById("email").appendChild(emailLink);