JavaScript：getElementByID和mailTo问题

Question

所以我试图用javascript添加mailto但是我不能这样做

document.getElementById("email").innerHTML = <a href="mailto:arr1[0].analy1.email?">;

因为这会产生一些错误。在我的javascript代码arr1 [0] .analy1.email实际上拥有一个电子邮件地址，我可以通过

获取显示在我页面上的电子邮件地址

document.getElementById("email").innerHTML = arr1[0].analy1.email;

但我需要知道如何使这个innerHTML电子邮件成为一个真正的mailto：link ...

Answer 1

字符串连接：

document.getElementById("email").innerHTML = '<a href="mailto:' + arr1[0].analy1.email + '">';

或使用新的ECMAScript 6模板字符串：

document.getElementById('email').innerHTML = `<a href="mailto:${arr1[0].analy1.email}">`

Answer 2

除了作为@ tymeJV的答案的字符串连接之外，您还可以使用DOM API来创建和插入DOM元素

var email = document.getElementById("email"),
    a = document.createElement('a');
if (email.hasChildNodes()) {
    email.removechild(email.firstChild);
}
a.href = 'mailto:' + arr1[0].analy1.email;
a.textContent = arr1[0].analy1.email; // This will add the actual text to the link

email.appendChild(a);