网页里有一个有ID的div,在这个div里有三个没有ID的table ,请问怎么用JS来取得这三个table再用js来控制它们呀?html如下: <div id="div1">
<!---表格1--->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
<!---表格2--->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
<!---表格3--->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
</div>
<!---表格1--->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
<!---表格2--->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
<!---表格3--->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
</div>
window.onload = function()
{
var v = document.getElementById('div1');
var tables = v.getElementsByTagName('table');alert(tables.length);
for(var i = 0; i < tables.length; i++) {
var t = tables[i];
var tr = t.firstChild.firstChild;
var td = tr.firstChild;
td.innerHTML = 'table(' + i + ')-td';
}
}
</script>