Question

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

这个表格是html
<table>
<tr>
<td>1</td><td>2</td><td>3</td><td><img src="图片1"></td>
</tr>
</table>
单击“图片1"其他的单元格变成可编辑的。

Answer 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="text" name="td'+i+'"/>';
}
}
这样子就可以了，火狐，ie7(和遨游)测试过了。不知道是不是你想要的效果，如果不是的话你可以修改问题告诉我，或者还有什么不明白的地方也请指出。