
javascript提供了获取表格中某一行单元格数的代码,参考如下:
documentgetElementById('first')cellslength // 获取id为first的行的单元格数目实例演示如下:
创建Html元素
<div class="box"><span>实例演示:获取表格第一行的单元格数量</span><br>
<div class="content">
<table>
<tr id="first"><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td><td>9</td></tr>
</table>
<input type="button" value="获取表格第一行的单元格数量" onclick="fun_get()">
</div>
</div>
简单设置一下css样式
divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}divbox>span{color:#999;font-style:italic;}
divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
table{border-collapse:collapse;}
td{width:80px;height:30px;line-height:30px;text-align:center;border:1px solid green;}
编写jquery代码
<script>function fun_get(){
alert(documentgetElementById('first')cellslength);
}
</script>
观察效果
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="表格,单元格,相关内容,代码,编辑部">
<title>小白编辑部 and LittleWhite</title>
<style type="text/css">
table {
margin: auto;
width: 300px;
border-collapse: collapse;
border: 1px solid black;
}
td {
border: 1px solid black;
text-align: center;
font: 20px/15 Consolas, 微软雅黑;
}
</style>
<script type="text/javascript">
onload = function ()
{
var first = documentgetElementById('first');
var result = firsttBodies[0]rows[1]cells[0]children[0];
var x = resulttBodies[0]rows[0]cells[0]firstChildnodeValue;
consolelog(x);
}
</script>
</head>
<body>
<table id="first">
<tr><td>22</td></tr>
<tr>
<td><table>
<tr>
<td>dd</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
var b=objrowsitem(2)cells(2)children(0)value;
或
var b=objrowsitem(2)cells(2)childNodes(0)value;
或
var b=objrowsitem(2)cells(2)getElementsByTagName('input')(0)value;
或
var b=objrows[2]cells[2]children[0]value;
或
var b=objrows[2]cells[2]children[0]getAttribute('value');
javascript中可以通过documentGetElementByID(你要获取的那个列的ID号,在上述代码中是<p>标记中的ID号)就可以获取你的这个元素,然后通过Innertext就可以获取里面的值了。
以上就是关于js如何获取表格中某一行的单元格数全部的内容,包括:js如何获取表格中某一行的单元格数、js如何获取表格中某一行中的表格、js怎么获取表格里的文本框的值,求大虾指导!等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)