js编写一个可以循环的<table>表格

JavaScript015

js编写一个可以循环的<table>表格,第1张

可以的,最简单的

<div id="t"></div>

<script>

var html ="<table>"

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

html+="<tr>"

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

html +="<td>"

html += i+"行"+j+"列"

html+="</td>"

}

html+="</tr>"

}

html +="</table>"

console.log(html)

document.getElementById('t').innerHTML = html

给每行添加一个计数属性cid,该行radio的name="abc"+cid

js添加行时读取当前最后一行的cid,然后cid = parseInt(cid) + 1

例如:

function add() {

    //...

    //get elements

    var tr = getElementsByTagName('tr')

    var cid = tr[tr.length-1].getAttribute('cid')

    cid = parseInt(cid) + 1

    name = "abc" + cid

    //...

    //...set attribute

    //...add elements

    //...

}

您好:这就是三个for循环嵌套而已。

for(var i=0i<table.lengthi++)//这一层是循环这2个table

{

for(var j=0j<tr.lengthj++) //这个是tr

{

for(var n=0n<td.lengthn++) //这里是循环的tr下面所有的td

{

//这里就可以获取td是否相等了。

}

}

}