在开发过程中,我们经常会遇到表格,今天我说下我踩过的坑,项目中有个需求需要对表格进行编辑,删除功能,类似如下

附上HTML代码:

我的需求是取点击编辑,取得是name=“model”这个td的内容,之前我的做法直接将此td加个ID=model,然后使用 document.getElementById(“model”)。innerHTML的方法取值,发现无论点击表格哪行的编辑栏,发现打印的都是第一行的值,即![]()
后来 去网上百度了方法,都不行,比如(这个#ed是我为编辑所在的td的写的ID):
因为每行都是#ed,最后取得都是第一行的ed,所以取得值都是第一行的值(具体原因自行百度),改了好久,发现可以先取行数,在取行数的列,可以取值,直接上代码:

img是编辑所在的标签名,不懂的可以百度下srcElement,最后可以实现点击编辑取得对应行的第三列的值。希望我的方法可以对你们有帮助。
本文分享了一个在HTML表格中实现编辑功能的解决方案。作者最初尝试通过为特定单元格添加ID并使用getElementById方法来获取内容,但发现这种方法在多行表格中无法正确获取目标单元格的值。最终找到了通过获取当前行数再定位到具体单元格的方法,成功实现了需求。
2007

被折叠的 条评论
为什么被折叠?



