テーブルセル（HTML5）

Question

にmailtoリンクを追加するので、JavaScriptセルを使用しているときに表のセルにmailtoリンクを追加する方法を理解しようとしています。

var users = [ {first_name: "Kaitlin", last_name: "Burns", age: 23, email: "kburns99753@usermail.com"}, {first_name: "Joshua", last_name: "Feir", age: 31, email: "josh319726@usermail.com"}, {first_name: "Stephen", last_name: "Shaw", age: 28, email: "steve.shaw47628@usermail.com"}, {first_name: "Timothy", last_name: "McAlpine", age: 37, email: "Timbo72469@usermail.com"}, {first_name: "Sarah", last_name: "Connor", age: 19, email:"SarahC6320@usermail.com"} 
]; 

window.onload = function(){ 

var tableContainer = document.querySelector("#outputTable"); 

     var myRows = ""; 

     for(var i=0; i < users.length; i++){ 
      myRows += "<tr>" + 
         "<td>" + users[i].first_name + "</td>" + 
         "<td>" + users[i].last_name + "</td>" + 
         "<td>" + users[i].age+ "</td>" + 
         "<td>" + users[i].email + "</td>" + 
         "</tr>"; 
     } 

     tableContainer.innerHTML += myRows; 
}; 

私がそこにあるコードを表示した後、私がしたいことは、「電子メール」の部分をmailtoリンクにすることです。どうすればこのことができますか？

Answer 1

あなたがしなければならないのは、次のとおりです。

var myRows = ""; 

    for(var i=0; i < users.length; i++){ 
     myRows += "<tr>" + 
        "<td>" + users[i].first_name + "</td>" + 
        "<td>" + users[i].last_name + "</td>" + 
        "<td>" + users[i].age+ "</td>" + 
        "<td><a href=\"mailto:" + users[i].email + "\">"+users[i].email +"</></td>" + 
        "</tr>"; 
    } 

    tableContainer.innerHTML += myRows; 
}; 

表にタグ<a href="mailto:themail@email.com">themail@email.com</a>を追加している私たちがここでやっています。