前言:
当前兄弟们对“js选中table行”都比较关心,大家都想要知道一些“js选中table行”的相关知识。那么小编也在网上网罗了一些有关“js选中table行””的相关文章,希望咱们能喜欢,你们快快来学习一下吧!今儿这个小分享,道哥给大家分享下js中怎么动态输出一个表格到页面上,这里面呢就涉及到两个大的知识点 一个是document.wiite一个是for循环。请看下例
<script type="text/javascript"> //打印一个表格 在外层循环呢先把table标签打印出来 document.write('<table border="1" style="width:500px;">') //下面用for循环开始动态的逐一打印tr和td //第一层for循环循环行 tr //打印一个十行十列的表格 //并且根据奇偶行和列设置不同的背景颜色 for(var j=0;j<10;j++) { if(j%2 ==0) { document.write("<tr>") }else { document.write("<tr style='background:green'>") } //内层循环循环列 td for(var i=0;i<10;i++) { //判断列的奇偶性 if(i%2==0) { document.write("<td style='background:gray'>"+i+"</td>") }else { document.write("<td>"+i+"</td>") } } document.write("</tr>") } //表格的结尾 document.write("</table>") </script>
实现结果如下
版权声明:
本站文章均来自互联网搜集,如有侵犯您的权益,请联系我们删除,谢谢。
标签: #js选中table行