var tb = document.getElementById('tb');
var inputs = tb.getElementsByTagName("input");for (var i=0;i<inputs.length;i++)
{
//inputs[i].value;
}
var inputs = tb.getElementsByTagName("input");for (var i=0;i<inputs.length;i++)
{
//inputs[i].value;
}
<table border="1" id='tb'>
<tr> <td> <input name="w" type="text" value="9"/> </td>
<td> <input type="text" value="9"/> </td> </tr>
<tr> <td> <input type="text" value="9"/> </td> </tr>
<tr> <td> <input type="text" value="9"/> </td>
<td> <input type="text" value="9"/> </td> </tr>
<tr> <td> <input type="text" value="9"/> </td>
<td> <input type="text" value="9"/> </td> </tr>
<tr> <td> <input type="text" value="9"/> </td>
<td> <input type="text" value="9"/> </td> </tr>
<tr > <td> <input type="text" value="10"/>
</td> <td> <input type="text" value="9"/> </td>
<td> <input type="text" value="9"/>
</td> <td> <input type="text" value="9"/> </td> </tr>
</table>
<script>
var arr = [];
var obj = document.getElementById("tb").getElementsByTagName("input");
for(var i = 0; i < obj.length; i++)
if(obj[i].type == "text") arr.push(obj[i].value);
alert(arr)
</script>
{
tb.rows[i].cells[1]
}
我只取第 tb.rows[i].cells[0]的value值。怎么办?
使它在页面显示为 value的值。不再是input控件。就是为一个<td>value的值</td>。
<tr><td><input name="w"type="text"value="9"/></td><td><input type="text"value="9"/></td></tr>
<tr><td><input type="text"value="9"/></td><td><input type="text"value="9"/></td></tr>
<tr><td><input type="text"value="9"/></td><td><input type="text"value="9"/></td></tr>
<tr><td><input type="text"value="9"/></td><td><input type="text"value="9"/></td></tr>
<tr><td><input type="text"value="9"/></td><td><input type="text"value="9"/></td></tr>
<tr><td><input type="text"value="10"/></td><td><input type="text"value="23"/></td></tr>
<tr><td><input type="text"value="9"/></td><td><input type="text"value="9"/></td></tr>
</table>
<script>
var rows=document.getElementById('tb').rows;
for(var i=0; i<rows.length; i++)
rows[i].cells[0].innerHTML = rows[i].cells[0].getElementsByTagName('input')[0].value;
</script>
for(var i=0; i<rows.length; i++)
rows[i].cells[0].innerHTML = rows[i].cells[0].getElementsByTagName('input')[0].value;
<table border="1" id='tb'>
<tr>
<td> <input name="w" type="text" value="9"/> </td>
<td> <input type="text" value="9"/> </td> </tr>
<tr> <td> <input type="text" value="9"/> </td>
</tr> <tr>
<td> <input type="text" value="9"/> </td>
<td> <input type="text" value="9"/> </td>
</tr> <tr>
<td> <input type="text" value="9"/> </td>
<td> <input type="text" value="9"/> </td>
</tr> <tr>
<td> <input type="text" value="9"/> </td>
<td> <input type="text" value="9"/> </td>
</tr> <tr >
<td> <input type="text" value="10"/> </td>
<td> <input type="text" value="9"/> </td>
<td> <input type="text" value="9"/> </td>
<td> <input type="text" value="9"/> </td>
</tr>
</table> <p><input type=button value=Test onclick="javascript:test();" >
</p><script>
function test()
{
var objTb = document.getElementById( "tb" ) for( var rowIndex=0;rowIndex < objTb.rows.length; rowIndex++ )
{
if( objTb.rows[rowIndex].cells.length>0 )
{
var firstCell = objTb.rows[rowIndex].cells[0]
var arrChildren = firstCell.getElementsByTagName( "input" )
for( i in arrChildren )
{
if( arrChildren[i].type == "text" )
{
firstCell.innerText = arrChildren[i].value;
break;
}
}
}
}
}
</script>