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：鏈接...

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