js 表格的每一行都有一个按钮点击按钮修改当前行某一列的信息

<table><tbody><tr><td>4</td><tdid='r'>5<td><td><ahref="#"><buttontype="button">修改</bu... <table><tbody>
<tr>
<td>4</td>
<td id='r'>5<td>
<td><a href="#"><button type="button" >修改</button></a></td>
<td><a href="#"><button type="button" >保存</button></a></td>
</tr>
</tbody></table>
这个tr里的内容是循环出来的，每一行都有一个修改的按钮，现在想点击某一行的按钮修改每一行中id='r'这一个td的值展开

 我来答

4个回答

#合辑# 机票是越早买越便宜吗？

刺友互

高粉答主

2019-07-12 · 每个回答都超有意思的

知道答主

回答量：3979

采纳率：100%

帮助的人：71.9万

我也去答题访问个人页

关注

展开全部

1、首先开始新建html文件。

2、然后创建一个三行三列的表格。

3、接下来开始创建js函数。

4、接下来开始进行定义变量获取行。

5、然后就将函数加在按钮上。

6、就可以看到预览效果如图。

7、最后点击第二个按钮删除第二行。

已赞过 已踩过<

评论收起

北京勤哲软件技术

广告2024-12-16

勤哲Excel服务器软件2024，用Excel自动生成基于web，移动APP和PC的智能表单系统。适合于各行各业的管理人员使用。

www.qinzhe.com

依然特雷西sky

高粉答主

2020-02-02 · 繁杂信息太多，你要学会辨别

知道答主

回答量：1511

采纳率：33%

帮助的人：68.9万

我也去答题访问个人页

关注

展开全部

1、首先，新建一个测试网页，网页中主要添加有可视控件表格<table>和按钮<button>。

2、要实现点击<button>，改变表格的第二列的宽为300px。首先，给表格第二列的<th><td>控件，添加一个css样式：class="oldWidth"。

3、然后在<head>标签对中，定义两个样式：oldWidth、newWidth的具体内容，实际中根据需要定义，这里各只定义了一个宽度属性，分别是最初宽度和改变后的宽度。

4、然后，再来为<button>标签添加onclick事件，响应函数名的addColWidth。

5、再在</body>标签后，加入<script>标签对，并编写addColWidth()函数的实现代码:首先，通过样式名oldWidth获取到所有应用该样式的对象。

6、再通过for语句循环，来为通过样式名oldWidth获得的所有对象，赋予新的样式newWidth，从而达到实现改变文字内容的目的。

7、保存代码后，在浏览器中打开，可以看到修改表格列宽文字的目标成功达到。

本回答被网友采纳

已赞过 已踩过<

评论收起

yugi111
推荐于2017-09-26 · TA获得超过8.1万个赞

知道大有可为答主

回答量：5.1万

采纳率：70%

帮助的人：1.3亿

我也去答题访问个人页

关注

展开全部

<table><tbody>
<tr>
    <td>4</td>
    <td id='r'>5<td>
    <td><a href="#"><button type="button" onclick="update(this)">修改</button></a></td>
    <td><a href="#"><button type="button" onclick="save(this)">保存</button></a></td>
</tr>
</tbody></table>


===================

var update = function(btn){
    var tr = btn.parentElement.parentElement.parentElement;
    var td = tr.cells[1];
    var txt = document.createElement("input");
    txt.type="text";
    txt.value = td.innerHTML;
    td.innerHTML = "";
    td.appendChild(txt);
}

var save = function(btn){
    var tr = btn.parentElement.parentElement.parentElement;
    var td = tr.cells[1];
    td.innerHTML = td.children[0].value;
}