所以我试图弄清楚如何在使用 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 链接。我该怎么办?
最佳答案
您所要做的就是:
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>
在表中。
关于javascript - 在表格单元格中添加 mailto 链接 (HTML5),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42599732/