如何动态生成 mailto：从 AJAX 和 HTML

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);