html,如何用循环创建4个表格,急!

html,如何用循环创建4个表格,急!,第1张

<div id="aaa">

</div>

<script type="text/javascript">

//创建表格

function createTable(id,rows,cells,tbid){

var tb=document.createElement("table")

var tbody = document.createElement("tbody")

for(var i=0i<rowsi++){

var tr=document.createElement("tr")

for(var j=0j<cellsj++){

var cell=document.createElement("td")

tr.appendChild(cell)

}

tbody.appendChild(tr)

}

tb.appendChild(tbody)

tb.setAttribute("id",tbid)//设置创建的TABLE的ID

document.getElementById(id).appendChild(tb)

}

for(i=0i<4i++){

tdid="aaa_"+i.toString()//表格id

createTable("aaa",2,2,tdid)//创建2行2列的表格

document.getElementById(tdid).setAttribute('border',1)//显示表格表框

}

</script>

<script>

var line = 5//行数

var column = 5//列数

var s = "<table cellpadding='2px' border='1px'>"//定义生成表格的字符串,border和padding只是为了显示,你自行定义

for(var i = 0i <linei++) //执行行的循环

{

s += "<tr>"

for(var j = 0j <columnj++) //执行列的循环

{

s += "<td>"

s += "第" + (i+1) + "行第" + (j+1) + "列"

s += "</td>"

}

s += "</tr>"

}

document.write(s)

</script>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7308311.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存