怎么用JAVAscript做一个20行五列的表格
要具体的HTML代码和表格例子呀，在DREAMWEAVER中HTML里直接可运行的。最好给个样品，邮箱haicangshan@qq.com...
要具体的HTML代码和表格例子呀，在DREAMWEAVER中HTML里直接可运行的。
最好给个样品，邮箱haicangshan@qq.com 展开
最好给个样品，邮箱haicangshan@qq.com 展开
展开全部
<html>
<body>
<script type="text/javascript">
function createTab(rows,cols){
var tab = document.createElement('table');
tab.border=1;
for(var i=0;i<rows;i++){
var tr=tab.insertRow();
for(var j=0;j<cols;j++){
var td=tr.insertCell();
td.innerHTML=i+"行"+j+"列";
}
}
document.body.appendChild(tab);
}
</script>
<input type="button" value="画table" onclick="createTab(3,4)" />
</body>
</html>
<body>
<script type="text/javascript">
function createTab(rows,cols){
var tab = document.createElement('table');
tab.border=1;
for(var i=0;i<rows;i++){
var tr=tab.insertRow();
for(var j=0;j<cols;j++){
var td=tr.insertCell();
td.innerHTML=i+"行"+j+"列";
}
}
document.body.appendChild(tab);
}
</script>
<input type="button" value="画table" onclick="createTab(3,4)" />
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
以下代码保存成html文件，用浏览器打开，然后点按钮。
<head>
<title>JavaScript 生成表格</title>
<script type="text/javascript">
function createTable(nRow, nCol) {
var sHtml = '<table border="1">\n';
for(var i=0; i<nRow; i++) {
sHtml += '<tr>\n';
for(var j=0; j<nCol; j++) {
sHtml += '<td> </td>\n';
}
sHtml += '</tr>\n';
}
sHtml += '</table>';
return sHtml;
}
function test() {
document.getElementById('div1').innerHTML=createTable(20, 5);
}
</script>
</head>
<html>
<body>
<input type="button" id="btn_filter" value="生成表格" onclick="test();">
<div id="div1">
</div>
</body>
</html>
<head>
<title>JavaScript 生成表格</title>
<script type="text/javascript">
function createTable(nRow, nCol) {
var sHtml = '<table border="1">\n';
for(var i=0; i<nRow; i++) {
sHtml += '<tr>\n';
for(var j=0; j<nCol; j++) {
sHtml += '<td> </td>\n';
}
sHtml += '</tr>\n';
}
sHtml += '</table>';
return sHtml;
}
function test() {
document.getElementById('div1').innerHTML=createTable(20, 5);
}
</script>
</head>
<html>
<body>
<input type="button" id="btn_filter" value="生成表格" onclick="test();">
<div id="div1">
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
已发送请查收
收件人haicangshan@qq.com
发件人az02085201104@yahoo.com.cn
收件人haicangshan@qq.com
发件人az02085201104@yahoo.com.cn
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
