js语言简单应用——自定义表格（隔行变色）

GjGo

于 2020-01-18 23:16:27 发布

阅读量177

点赞数

分类专栏： javascript 文章标签： java js html

本文链接：https://blog.csdn.net/weixin_45603128/article/details/104034890

版权

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

js语言实现自定义表格+隔行变色
代码如下：

<!doctype html>
<html>
<head>
 <meta charset="utf-8"/>
 <title>自定义表格+隔行变色</title>
<script>
function table(row,col,t,bgc1,bgc2){
 //table、caption、tr、td
 document.write('<table border="1" width="600" align="center" cellpadding="0" cellspacing="0">');
 document.write('<caption>'+t+'</caption>');
 //8行6列
 for(var i=0;i<row;i++){
 var color;
 if(i%2==0){
  color=bgc1;
  }
  else
  {
  color=bgc2;
  }
  document.write('<tr bgcolor="'+color+'">');
  for(var j=0;j<col;j++){
  document.write('<td>1</td>');
  }
  document.write('</tr>');
 }
 document.write('</table>');
 }
 table(8,6,"自定义表格","red","blue");
</script>
</head>
<body>
</body>
</html>

GjGo

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js语言简单应用——自定义表格（隔行变色）

js语言实现自定义表格+隔行变色代码如下：<!doctype html><html><head> <meta charset="utf-8"/> <title>自定义表格+隔行变色</title><script>function table(row,col,t,bgc1,bgc2){ //tabl...
复制链接

扫一扫

专栏目录