JavaScript动态改变表格单元格内容的方法

更新时间：2015年03月30日 11:52:27 作者：欧阳不疯

这篇文章主要介绍了JavaScript动态改变表格单元格内容的方法,涉及javascript操作html中table表格的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JavaScript动态改变表格单元格内容的方法。分享给大家供大家参考。具体如下：

JavaScript动态改变表格单元格的内容，下面的代码通过修改单元格的innerHTML来修改单元格内容

<!DOCTYPE html>
<html>
<head>
<script>
function changeContent()
{
var x=document.getElementById('myTable').rows[0].cells;
x[0].innerHTML="NEW CONTENT";
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr>
<tr>
<td>Row2 cell1</td>
<td>Row2 cell2</td>
</tr>
<tr>
<td>Row3 cell1</td>
<td>Row3 cell2</td>
</tr>
</table>
<form>
<input type="button" onclick="changeContent()" value="Change content">
</form>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

您可能感兴趣的文章:

JavaScript 放大镜放大倍率和视窗尺寸
对JavaScript 放大镜来说, 计算倍率必不可少.一个完整的放大镜结构里, 与倍率扯上关系的一共有 4 个对象, 原图, 缩略图, 镜片和视窗.
2011-05-05
微信小程序canvas.drawImage完全显示图片问题的解决
这篇文章主要介绍了微信小程序canvas.drawImage完全显示图片问题的解决，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-11-11
技术男用来对妹子表白的百度首页
这篇文章主要介绍了技术男用来对妹子表白的百度首页,非常有创意、有意思,需要的朋友可以参考下
2014-07-07
webpack打包node.js后端项目的方法
本篇文章主要介绍了webpack打包node.js后端项目的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-03-03
js实现日历的简单算法
这篇文章主要为大家详细介绍了js实现日历的简单算法，用js写了一套日历，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-01-01
总结Javascript中的隐式类型转换
这篇文章谈谈JavaScript的隐式类型转换，我们知道在JavaScript中声明变量不需指定类型，对变量赋值也没有类型检查，同时JavaScript允许隐式类型转换。这些特征说明JavaScript属于弱类型的语言。
2016-08-08
js实现表格单列按字母排序
这篇文章主要为大家详细介绍了js实现表格单列按字母排序，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-08-08
图片文字识别（OCR）插件Ocrad.js教程
这篇文章主要为大家详细介绍了图片文字识别（OCR）插件Ocrad.js教程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-11-11
echart自适应宽度的两种方法实例
最近工作中element后台管理使用Echarts图表,在使用过程中也遇到了些问题,下面这篇文章主要给大家介绍了关于echart自适应宽度的两种方法,需要的朋友可以参考下
2022-12-12
如何用JavaScript学习算法复杂度
这篇文章主要介绍了如何用JavaScript学习算法复杂度，对算法感兴趣的同学，一定要看一下
2021-04-04