javascript动态修改单元格内容代码实例
分类：实例代码
在实际应用中，可能根据需要动态改变td单元格的内容，下面就通过代码实例介绍一下如何实现此功能。
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>前端教程网</title>
<script>
function changeContent(){
var tds=document.getElementById('myTable').rows[0].cells;
tds[0].innerHTML="pipipi.net";
}
window.onload=function(){
var obt=document.getElementById("bt");
obt.onclick=function(){
changeContent()
}
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>前端教程网一</td>
<td>前端教程网二</td>
</tr>
<tr>
<td>div教程</td>
<td>css教程</td>
</tr>
<tr>
<td>json教程</td>
<td>正则表达式教程</td>
</tr>
</table>
<form>
<input type="button" id="bt" value="查看效果"/>
</form>
</body>
</html>
一线大厂高级前端编写，前端初中阶面试题，帮助初学者应聘，需要联系微信：javadudu