怎么用javascript动态修改表格内容

我用javascript已经实现了表格的动态添加和删除,不知道怎么修改表格内容
能不能举个简单的例子
不知道为什么,我的程序运行到这句document.getElementById("stb").rows(0).cells(0).innerHTML ='adrew'
就没反应了,表格内容也没有修改

用javascript动态修改表格内容,先来看JS部分代码:

<script>    
 var arr=new Array()    
 arr[0]="这是改变后的内容一";    
 arr[1]="这是改变后的内容二";    
 arr[2]="这是改变后的内容三";    
 </script>

把切换后的内容写在了JavaScript的数组里,这样方便。

使用上面的JavaScript:

<select onchange="zz.cells[this.selectedIndex].innerHTML=arr[this.selectedIndex]">    
<option value=a>改变第一格</option>    
<option value=a>改变第二格</option>    
<option value=a>改变第三格</option>    
</select>    
<table id=zz border=1>    
<tr height=20>    
<td width=220>第一格</td>    
<td width=220>第二格</td>    
<td width=220>第三格</td>    
</tr>    
</table>

把以上代码放入网页的<body></body>区间内即可。

温馨提示:内容为网友见解,仅供参考
第1个回答  2007-02-13
类似这样子吧,用 firefox的Firebug插件查看的,错不了
table.td.rows[0].textConent="dfadsf";
table.td.rows[0].innerhtml="dfadsf";
第2个回答  推荐于2016-01-24
<script language="javascript">
function changetd(r,d,c)
{
//r:行
//d:列
//c:修改内容
document.getElementById("stb").rows(r).cells(d).innerHTML = c;

}
</script>
<input type="button" value="修改1行1列" onclick="changetd(0,0,'修改内容')"><input type="button" value="修改1行2列" onclick="changetd(0,1,'修改内容')">

<table id="stb" border=1>
<tr><td>11</td><td>12</td></tr>
</table>
这样?本回答被提问者采纳
第3个回答  2007-02-13
用DOM就行吧

只用js如何实现表格内容的动态修改?
1、获取表格的dom节点 2、通过rows和cells定位td单元格 3、通过修改innerHTML 扩展资料: JS实现动态表格的新增,修改,删除操作 一、相关JS函数 function setParamslist() { var tab = document.getElementById("tab"); \/\/表格行数 var rows = tab.rows.length ; \/\/表格列数 var cells = tab.rows.item(0...

如何用js删除表格一行或者多行
1.首先,确保你具备所需的工具,包括一台电脑、一个HTML编辑器(如SublimeText或VisualStudioCode)以及一个现代浏览器(如Chrome或Firefox)。2、打开HTML编辑器,创建一个新的HTML文件,如index.html,并开始构建基础的HTML结构,包括一个表格()元素。3、在你的JavaScript部分,使用jQuery库来操作DOM。...

JavaScript中怎么动态变化表格的大小
JavaScript中动态变化表格的大小 function setTd(){ var t1 = document.getElementById("d1"); var t2 = document.getElementById("d2"); t1.value= t2.innerHTML; } <doby> 把我给d1 ...

如何用javascript代码动态给表格填加与删除行列?
主要是通过 javascript + DOM实现的, function DeleteTr(i){ var table = document.getElementById("table1");var tr = table.childNodes[0];tr.removeChild(tr.childNodes[i]);} function AppendTr(){ var table = document.getElementById("table1");var tr = table.childNodes[0];var trne...

JS读取excel表,插入或修改数据后保存
借助第三方库 SheetJS,使用JavaScript读取、填充Excel表格数据并保存文件。基本步骤如下:首先,读取Excel模板,获取单元格数据。使用SheetJS库提供的API,此步骤实现读取Excel模板内容。其次,在指定单元格填充数据。SheetJS库提供实用方法帮助完成此任务。根据需求,选择适当单元格位置插入所需数据。填充完毕后...

如何通过javascript脚本在一个HTML页面上创建一个表格,并且能对表格...
您好:首先动态创建表格。定义好表格的html代码:“ 单元格1 单元格2 单元格3 ”然后用js的createElement()方法,或者用jqurey的$("html代码")创建元素。然后用apendchild()方法动态插入到网页中就可以了。td里面是文本框的话,默认就会有tab键移动光标等效果的,不用自己写。(自己写也可以,就是...

javascript如何动态删除表格某一行
如果是表格某一行有一个按钮,点击按钮的时候,删除这一行的话。引入jquery,根据点击的这个按钮,用parent()方法获取到整行,然后这一行用remove()方法。

如何用javascript改变DIV中的内容?
内容1 === 原页面内容如下:点击“设置DIV内容”按钮后,系统执行Javascript代码后结果如下:

...个表格中的某一个单元格添加一个超链接作为单元格内容?
思路:获取行对象→获取列对象→使用innerHTML为单元格添加超链接内容,实例演示如下:1、HTML结构 1123245637894123第行第列

在WPS表格中如何写JS宏
在表一中创建一个事件监听器,以便在数据更改时触发宏。您可以使用Worksheet.onEdit函数来做到这一点。例如:javascript复制代码 Worksheet.onEdit(function(event) { \/\/ 这里写你的代码 });在事件监听器中,编写代码来检查表一中的数据是否已经录入完毕。如果是,则触发导入数据的操作。您可以使用Range....

相似回答