急!!!!在一个表格中,如何实现单击一行中的某个图片,这行的单元格就变成可编辑的

来源:百度知道 编辑:UC知道 时间:2024/05/24 16:16:31
这个表格是html
<table>
<tr>
<td>1</td><td>2</td><td>3</td><td><img src="图片1"></td>
</tr>
</table>
单击“图片1"其他的单元格变成可编辑的。

可编辑是指什么 是可以输入文本吗?

不知道是不是你想要的,代码如下:
新建一个html文档:
<table id="tab-test">
<tr>
<td class="td"></td>
<td class="td"></td>
<td class="td"><a href="javascript:void(0);" onclick="testdo()"><img src="../images/test.png"/></a></td>
<!--单击图片的时候触发js中的testdo(),重要的是js部分-->
</tr>
</table>
新建一个js文件或在html文档里加入一下js代码:
function testdo(){
//取表格对象,即要操作的单元格所在的表格
var o=document.getElementById('tab-test');
//去表格所在行有几个单元格,为了举例方便,这里我选了一行,呵呵,表格也只有一行而已!!rows[]是表格的行的数组,cells[]是行的单元格数组。
var size=o.rows[0].cells.length;
//测试用,看是否取到值,可以删除。
alert(size);
//将出了图片所在单元格以外的所有单元格变成可编辑的。即在<td>和</td>两个标签内添加<input>便签,这样子的话就可以编辑了。
for(var i=0; i<size-1; i++){
o.rows[0].cells[i].innerHTML='<input type="te