JavaScript：getElementByID和mailTo发出

Question

So I'm trying to add a mailto with javascript but i cannot do this

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

because this produces a couple of errors. In my javascript code arr1[0].analy1.email actually holds an email address and I can get the email address to show up on my page with

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

but I need to know how to make this innerHTML email an actual mailto: link...

Answer 1

String concatenation:

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

Or with the new ECMAScript 6 template strings:

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

Answer 2

Other than string concatenation as @tymeJV's answer you can alternatively use DOM API to create and insert DOM elements

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