怎么用js获取table中的td里的控件值？

Posted 2023-05-11

<script type="text/javascript">
function getVal()

var tab = document.getElementById("tab");
var rows = tab.rows.length;
for(var i = 1; i < rows; i++)

var cols = tab.rows[i].childNodes;
for(var m = 0; m < cols.length; m++)

alert(cols[m].innerText);





</script>
<table id="tab">
<tr>
<th>学号</th>
<th>姓名</th>
</tr>
<tr>
<td>001</td>
<td>隆美尔</td>
</tr>
<tr>
<td>002</td>
<td>希特勒</td>
</tr>
</table>
<input type="button" value="获取table值" onclick="getVal()"/>追问

谢谢...我是想要td中input 控件的值

追答

function getVal()

var tab = document.getElementById("tab");
var rows = tab.rows.length;
for(var i = 1; i

学号
姓名

参考技术A 空间加id属性例如
<input type="text" name="test" id="test" value="hello" />
<input type="button" value="获取" onclick="getVal()" />
//Script代码
function getVal()
var text = document.getElementById("test").value;//根据控件id获取
alert(text);
参考技术B Jquery
$("table").find("td").each(function()
alert(this.val());
)

关于给table标签里的th td设置宽高不生效问题

参考技术A table里面的宽高都是自适应的，如果不主动设置的话它会根据表格中的内容自适应宽高，但是给th和td设置宽高属性后发现并不能生效。