使数组中 HTML table 的一列成为可点击的 URL
Make one column of an HTML table from array a clickable URL
我正在使用 Google 应用程序脚本生成 HTML 数据 table,并试图使 URL 结果可点击。
我应该在哪里添加这个?
它应该是另一个功能吗?
function createTable(dataArray) {
if(dataArray){
var result = "<table class='table table-sm' style='font-size:0.8em'>"+
"<thead style='white-space: nowrap'>"+
"<tr>"+
"<th scope='col'>Name</th>"+
"<th scope='col'>URL</th>"+
"<th scope='col'>Type</th>"+
"</tr>"+
"</thead>";
for(var i=0; i<dataArray.length; i++) {
result += "<tr>";
//result += "<td><button type='button' class='btn btn-danger btn-xs deleteBtn' onclick='deleteData(this);'>Delete</button></td>";
result += "<td></td>";
result += "<td><button type='button' class='btn btn-warning btn-xs editBtn' onclick='editData(this);'>Edit</button></td>";
for(var j=0; j<dataArray[i].length; j++){
result += "<td>"+dataArray[i][j]+"</td>";
}
result += "</tr>";
}
result += "</table>";
var div = document.getElementById('dataTable');
div.innerHTML = result;
document.getElementById("message").innerHTML = "";
}else{
var div = document.getElementById('dataTable');
div.innerHTML = "Data not found!";
}
}
您可以将 tag A 添加到您的元素中,使其成为能够点击的 href 标签(添加 target="_blank"
以使 URL 在新标签页中打开)
我正在使用 Google 应用程序脚本生成 HTML 数据 table,并试图使 URL 结果可点击。
我应该在哪里添加这个? 它应该是另一个功能吗?
function createTable(dataArray) {
if(dataArray){
var result = "<table class='table table-sm' style='font-size:0.8em'>"+
"<thead style='white-space: nowrap'>"+
"<tr>"+
"<th scope='col'>Name</th>"+
"<th scope='col'>URL</th>"+
"<th scope='col'>Type</th>"+
"</tr>"+
"</thead>";
for(var i=0; i<dataArray.length; i++) {
result += "<tr>";
//result += "<td><button type='button' class='btn btn-danger btn-xs deleteBtn' onclick='deleteData(this);'>Delete</button></td>";
result += "<td></td>";
result += "<td><button type='button' class='btn btn-warning btn-xs editBtn' onclick='editData(this);'>Edit</button></td>";
for(var j=0; j<dataArray[i].length; j++){
result += "<td>"+dataArray[i][j]+"</td>";
}
result += "</tr>";
}
result += "</table>";
var div = document.getElementById('dataTable');
div.innerHTML = result;
document.getElementById("message").innerHTML = "";
}else{
var div = document.getElementById('dataTable');
div.innerHTML = "Data not found!";
}
}
您可以将 tag A 添加到您的元素中,使其成为能够点击的 href 标签(添加 target="_blank"
以使 URL 在新标签页中打开)