不显示表
Table not displayed
本文关键字:显示 更新时间:2023-09-26
我想按照我在下面的代码中的方式显示表格,但没有显示在屏幕上,代码只使用 html 和 Javascript
<body id="page">
<center>
<table id="tables" border="1px" cellspacing="50px" style="margin-top:70px" >
<script type="text/javascript">
var row=2;
for(var j=1;j<=2;j++){
$('#tables').append("<tr id='row"+j+"' style='margin-bottom:50px'>");
for(var k=1;k<=5;k++){
$("#row"+j).append("<td id='table"+k+"' class='button' width='150' height='150' onclick='printBill("+k+")' background='images/green.png' align='center'>"+
"<font size='+8'><b>"+k+"</b></font>"+
"<br><font id='clock"+k+"' size='+1'> 0:0:0 </font>"+
"</td>");
}
$('#tables').append("<tr id='row"+j+"' style='margin-bottom:50px'>");
}
</script>
</table>
</center>
</body>
任何人都可以帮助找出此代码的问题吗?
您可以使用两种典型的方法来修改页面加载的文档:
当 html 仍在加载时:
<table id="tables">
<tbody>
<script type="text/javascript">
document.write('<tr>......</tr>');
</script>
</tbody>
</table>
加载 html 页面后(更具体地说,当 DOM 准备就绪时):
<table id="tables">
<tbody>
</tbody>
</table>
<script type="text/javascript">
$(function(){ // see http://api.jquery.com/jQuery/#jQuery3
// the full DOM is ready now, you can start modifying it.
$('#tables > tbody').append('<tr>......</tr>');
});
</script>
如您所见,我在table
及其tr
之间插入了一个tbody
标签:浏览器通常会创建此tbody
标签,即使您的源不包含它。通过始终添加tbody
(如果您愿意,也可以添加thead/tfoot
),您可以避免一些潜在的麻烦。
例如,请参阅我可以依赖"tbody"标签的隐式创建吗?或搜索implicit tbody
。
我清理了一下你的代码:http://jsfiddle.net/6332Q/1/
相关文章:
- 从桌面读取python文件时高亮显示代码
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 如何在生成下载文件时显示加载动画
- React重新渲染但未显示正确的组件
- nodejs-expressjs上传图像并显示它们
- 使用JSP从服务器检索和显示图像
- 音频控件在mouseover上显示,在mouseout上淡出
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- 显示5秒后隐藏潜水
- 画廊图像未显示
- 不显示带有本地json文件数据的谷歌地图脚本
- 如何将json数据显示为html
- 谷歌地图不是以HTML显示,而是在JS Fiddle上工作
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 高亮显示时编辑文本大小和颜色
- 有时数据是't显示在浏览器中
- 当鼠标悬停在文本中的单词上时显示警报
- 角度图表;t显示在我的页面中
- 在jquery中为显示/隐藏设置cookie