在表格单元格中添加一个mailto链接(HTML5)
问题描述:
所以我想弄清楚在使用javascript容器时如何将mailto链接添加到表格单元格。在表格单元格中添加一个mailto链接(HTML5)
var users = [ {first_name: "Kaitlin", last_name: "Burns", age: 23, email: "[email protected]"}, {first_name: "Joshua", last_name: "Feir", age: 31, email: "[email protected]"}, {first_name: "Stephen", last_name: "Shaw", age: 28, email: "[email protected]"}, {first_name: "Timothy", last_name: "McAlpine", age: 37, email: "[email protected]"}, {first_name: "Sarah", last_name: "Connor", age: 19, email:"[email protected]"}
];
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;
};
所以bascially显示的代码后,我都在那里,我想要做的就是让“邮件”部分转成一个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:[email protected]">[email protected]</a>
。
谢谢!我甚至无法告诉你,我花了多长时间来尝试解决这个问题,我想我的语法错了。非常感激 –