你直接把这个拷贝到一个html文件中，打开就可以看效果，我建议你在生成table的时候可以把text的框加一个id，id中包含它属于的行和列，这样在点击text的时候可以很快的得到它属于的行和列。
<html>
<script>
function showRowAndCol(i, j) {
i = i + 1; //row number;
j = j + 1; //column number
documentgetElementById("currentInput")innerText = "text is at row: " + i + ", column " + j;
}
function getRowColNumber(textObj){
var td = textObjparentNode;
var tr = tdparentNode;
var table = trparentNode;
for (var i = 0; i < tablerowslength; i++) {
var row = tablerows[i];
if (row == tr) {
for (var j = 0; j < rowchildrenlength; j++) {
if (rowchildren[j] == td){
showRowAndCol(i, j);
return;
}
}
}
}
}
</script>
<body>
<div>
<span id="currentInput"></span>
<table border="1">
<tr>
<td width="38px;">
1
</td>
<td>
f
</td>
<td>
<input type="text" onclick="getRowColNumber(this)"/>
</td>
</tr>
<tr>
<td>
2
</td>
<td>
<input type="text" onclick="getRowColNumber(this)"/>
</td>
<td>
g
</td>
</tr>
<tr>
<td>
<input type="text" onclick="getRowColNumber(this)"/>
</td>
<td>
3
</td>
<td>
p
</td>
</tr>
<tr>
<td>
4
</td>
<td>
r
</td>
<td>
<input type="text" onclick="getRowColNumber(this)"/>
</td>
</tr>
<tr>
<td>
5
</td>
<td>
<input type="text" onclick="getRowColNumber(this)"/>
</td>
<td>
t
</td>
</tr>
<tr>
<td>
6
</td>
<td>
g
</td>
<td>
<input type="text" onclick="getRowColNumber(this)"/>
</td>
</tr>
</table>
<div>
</body>
</html>
<html><head><script type="text/javascript">function show(){ var tab = documentgetElementById("test") ; //表格行数 var rows = tabrowslength ; //表格列数 var cells = tabrowsitem(0)cellslength ; alert("行数"+rows+"列数"+cells);}</script></head><body><table id="test" border="1"><tr> <td> </td><td>nbsp;</td></tr><tr> <td> </td><td>nbsp;</td></tr></table><input type="button" onclick="show();"/></body></html>
以上就是关于html中怎么获取多行文本框的行数全部的内容，包括:html中怎么获取多行文本框的行数、怎么获取表格的行数有多少呢、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）