问题描述
- 如何用JavaScript操作table中tr中td的值?
-
如何用JavaScript操作table中tr中td的值?
如何用JavaScript操作table中tr中td的值?
如何用JavaScript操作table中tr中td的值?
解决方案
<html>
<head>
<title>
修改td中的值
</title>
</head>
<body>
<table id="myTable" width="400px" border="1px solid #CCC">
<tr>
<td height="50px" width="25%">
1,1</td>
<td height="50px" width="25%">
1,2</td>
<td height="50px" width="25%">
1,3</td>
<td height="50px" width="25%">
1,4</td>
</tr>
<tr>
<td height="50px" width="25%">
2,1</td>
<td height="50px" width="25%">
2,2</td>
<td height="50px" width="25%">
2,3</td>
<td height="50px" width="25%">
2,4</td>
</tr>
<tr>
<td height="50px" width="25%">
3,1</td>
<td height="50px" width="25%">
3,2</td>
<td height="50px" width="25%">
3,3</td>
<td height="50px" width="25%">
3,4</td>
</tr>
</table>
<br>
<hr>
<br>
<input type="text" size="20" id="inputText">
<input type="button" value="修改（3,3）td中的值" onclick="updateValue('inputText',2,2);"
</body>
<script>
function updateValue(textId,row,col){
table = document.getElementById('myTable');
table.rows[row].cells[col].firstChild.nodeValue = document.getElementById(textId).value;
}
</script>
</html>
解决方案二：
利用表格操作接口就可以了
解决方案三：
获取table的tr和td值
解决方案四：
使用jquery操作table tr td的值
$("table").find("tr").find("td").html("自定义td的值");
解决方案五：
用JQuery 对table设置class或id
$("table的id或class tr td").text();
解决方案六：
document.getElement("id的值").value 或$(".class的值").val 或 $("#id的值").val id为tr或td的id属性
时间： 2024-09-23 18:06:42