gpt4 book ai didi

javascript - 为什么动态表不显示边框

转载 作者:太空宇宙 更新时间:2023-11-04 03:14:41 26 4
gpt4 key购买 nike

使用 Google Apps 脚本创建网络应用。

我正在从电子表格中检索数据并尝试以表格格式显示。

一切正常,除了表格的边框..,

下面是代码。

 <html>

<body>

<table border="1">
<script language="javascript" type="text/javascript">

window.onload = function()
{
google.script.run.withSuccessHandler(showData).getpres();
}


function showData(data)
{
var html = "";
for (var i=0; i<data.length; i++)
{
if(data[i][0] <= 2)
{


document.write("<tr><td>Number " + i + " is:</td>");
document.write("<td>" + data[i][3] + "</td></tr>");

}
}

}
</script>
</table>

</body>
</html>

最佳答案

要添加边框 - 最好在样式标签内使用 css,我已经为你添加了它

而且,据我所知,将脚本标记放在表格中是不行的。最好将 script 标签放在 table 标签旁边,最后一件事 - 你做了 document.write,这意味着浏览器必须在每次插入后更新页面布局,最好将所有行连接到一个字符串并只添加一次。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<table id="table" class="table"></table>
<script language="javascript" type="text/javascript">
window.onload = function() {
google.script.run.withSuccessHandler(showData).getpres();
}
function showData(data) {
var rows = [];
for (var i = 0, ii = data.length; i < ii; i++) {
if(data[i][0] <= 2) {
rows.push('<tr>');
rows.push('<td>Number ' + i + ' is:</td>')
rows.push('<td>' + data[i][3] + '</td>');
rows.push('</tr>');
}
}
document.getElementById('table').innerHTML = rows.join('');
}
</script>
<style>
.table{
border: 1px solid black;
}
</style>
</body>
</html>

关于javascript - 为什么动态表不显示边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28906198/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com