日期:2014-05-16  浏览次数:20498 次

谁能用javascript帮我把这个table中的内容取出来
<div   id= "div1 ">
<tabel> <tr> <td> 111 </td> </tr> </table>
<tabel> <tr> <td> 2222 </td> </tr> </table>
<tabel> <tr> <td> 33 </td> </tr> </table>
</div>

现在要求在js里面读取到111、2222、33这些数值,而且这个div里面table的数量不是固定的。

------解决方案--------------------
var Arr_Value = new Array();//最终结果集合
var Obj_div = document.getElementById( "div1 ");
var len = Obj_div.childNodes;
var Obj_table;
var tr_count;
var Arr_index = 0;

for(var i=0; i <len; i++){
Obj_table = Obj_div.childNodes[i];
tr_count = Obj_table.rows;
for(var j=0; j <tr_count; j++){
Arr_Value[Arr_index++] = Obj_table.rows[j].childNodes[0].innerText;
}
}

暂时只考虑n个表格n个Tr1个Td的情况

------解决方案--------------------
<div id= "div1 ">
<table> <tr> <td> 111 </td> </tr> </table>
<table> <tr> <td> 2222 </td> </tr> </table>
<table> <tr> <td> 33 </td> </tr> </table>
</div>
<script>
function gettb()
{
var tbs = document.getElementById( "div1 ").getElementsByTagName( "table ");
for (var i = 0; i < tbs.length; i ++ )
{
var tds = tbs[i].getElementsByTagName( "td ");
for (var j = 0; j < tds.length; j ++ )
{
alert(tds[j].firstChild.nodeValue);
}
}
}

window.onload = function()
{
gettb();
}
</script>
------解决方案--------------------
1 获取所有 talbe

2 逐一遍历 table
3 遍历 cell

4 over
------解决方案--------------------
function getValue(){
var div = document.getElementById( "div1 ");
if(div){
var tables = div.children;
if(tables){
for(var i=0;i <tables.length;i++){
var table = tables[i];
alert(table.rows[0].cells[0].innerText);
}
}
}
}