我有一个 html 表格,我想通过单击按钮来编辑表格的内容。
我的 HTML 代码:
<form name="myform">
<table id="tblFollow" >
{% for key, value in result.iteritems() %}
<tr>
<td > {{ key }}</td>
<td> <div id="editableText" > {{ value }} </div></td>
</tr>
{% endfor %}
</tbody>
</table>
<h> {{ passvalue }} </h> <br>
<input type="button" onclick="changeContent()" value="Change content">
</form>
我的javascript是
function changeContent(){
var newstate = !editableText.isContentEditable
editableText.contentEditable = newstate
editableText.className = (newstate)
}
但问题是当我点击按钮时,只有桌子上的第一排显示可编辑。除此之外,所有行都是不可变的。任何帮助将不胜感激