如何动态改变某个单元格的内容
解决思路:
首先应该获取对该单元格的引用句柄,这个可以通过设置该单元格的ID或者Name属性来实现,也可以从文档DOM树中层层浏览到。不过为了简单起见,这里以设置ID的方式实现。然后用 innerText或innerHTML设置该单元格的内容。
具体步骤:
方法一:用innerText设置目标单元格的文本,代码示例:
方法二:用 innerHTML设置目标单元格的HTML文本,代码示例:
注意:单引号和又引号嵌套使用和引号输出时的转义。
提示:能用本例所示方法改变其内容的对象不止有单元格。
试一试:修改本例代码为鼠标移上单元格或者单击单元格时改变其内容。
特别提示 两种方法的单击按钮后的效果分别如图1.2.34、图1.2.35所示。
图 1.2.34 改变单元格的文本内容
图1.2.35 改变单元格的HTML文本内容
特别说明
本例使用对的对象属性主要有 innerText和innerHTML。
innerText 设置或获取位于对象起始和结束标签内的文本。
innerHTML 设置或获取位于对象起始和结束标签内的 HTML。
阅读(1031) | 评论(0) | 转发(0) |