如何利用JS动态生成隔行换色HTML表格
这篇文章将为大家详细讲解有关如何利用JS动态生成隔行换色HTML表格，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
在五通桥等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都做网站、成都网站设计 网站设计制作按需网站设计,公司网站建设,企业网站建设,品牌网站建设,成都营销网站建设,外贸营销网站建设,五通桥网站建设费用合理。
用JS生成动态生成表格，行、列由用户输入，并使表格隔行换色
方法一.
代码:
动态表格
function createTable(){
var table = document.createElement("table");
//添加边框
table.border = "1";
table.width = "100%";
//table API
//创建一行
//var tr = table.insertRow(table.rows.length);
//创建单元格
//var td = tr.insertCell(tr.cells.length);
//行，单元格
var tr,td;
//获得行列值
var tr_value = document.getElementById("tr_value").value;
var td_value = document.getElementById("td_value").value;
for(var i=0;i
输入行数
输入列数
运行结果:
输入行数、列数，create Table:
方法二.
代码:
动态表格
var rows = prompt("输入行数:", "");
var cols = prompt("输入列数:", "");
document.write('');
document.write('成绩表');
for (var row = 1; row <= rows; row++) {
if (row % 2 == 0) {
document.write('');
} else {
document.write('');
}
for (var col = 0; col < cols; col++) {
document.write('');
}
document.write('
');
}
document.write('');
运行结果:
输入行数、列数:
关于“如何利用JS动态生成隔行换色HTML表格”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。
本文标题：如何利用JS动态生成隔行换色HTML表格
文章网址：
http://jkwzsj.com/article/jpshii.html
