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

JavaScript07

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

<table id="tbitem">

<tr><td>测试数据1</td></tr>

<tr><td>测试数据2</td></tr>

<tr><td>测试数据3</td></tr>

<tr><td>测试数据4</td></tr>

<tr><td>测试数据5</td></tr>

<tr><td>测试数据6</td></tr>

</table>

<script type="text/javascript">

var table = document.getElementById("tbitem")

var td = table.getElementsByTagName("td")

var len = td.length

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

alert(td[i].innerHTML)

}

</script>

您好：这就是三个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是否相等了。

}

}

}