龙空技术网

javascript之document.write结合for循环动态输出表格table

浩淼软件 420

前言:

当前兄弟们对“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行