如何利用JS動(dòng)態(tài)生成隔行換色HTML表格
這篇文章將為大家詳細(xì)講解有關(guān)如何利用JS動(dòng)態(tài)生成隔行換色HTML表格，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。
在五通橋等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì) 網(wǎng)站設(shè)計(jì)制作按需網(wǎng)站設(shè)計(jì),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站建設(shè),成都營(yíng)銷網(wǎng)站建設(shè),外貿(mào)營(yíng)銷網(wǎng)站建設(shè),五通橋網(wǎng)站建設(shè)費(fèi)用合理。
用JS生成動(dòng)態(tài)生成表格，行、列由用戶輸入，并使表格隔行換色
方法一.
代碼:
動(dòng)態(tài)表格
function createTable(){
var table = document.createElement("table");
//添加邊框
table.border = "1";
table.width = "100%";
//table API
//創(chuàng)建一行
//var tr = table.insertRow(table.rows.length);
//創(chuàng)建單元格
//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
輸入行數(shù)
輸入列數(shù)
運(yùn)行結(jié)果:
輸入行數(shù)、列數(shù)，create Table:
方法二.
代碼:
動(dòng)態(tài)表格
var rows = prompt("輸入行數(shù):", "");
var cols = prompt("輸入列數(shù):", "");
document.write('');
document.write('成績(jī)表');
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('');
運(yùn)行結(jié)果:
輸入行數(shù)、列數(shù):
關(guān)于“如何利用JS動(dòng)態(tài)生成隔行換色HTML表格”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。
當(dāng)前名稱：如何利用JS動(dòng)態(tài)生成隔行換色HTML表格
網(wǎng)頁(yè)地址：
http://weahome.cn/article/jpshii.html
重慶分公司
重慶分公司
