javascript中如何获取表格当前单元格中的表单组件

最新推荐文章于 2025-08-12 14:37:12 发布

hp920

最新推荐文章于 2025-08-12 14:37:12 发布

阅读量571

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript input button class

本文链接：https://blog.youkuaiyun.com/hp920/article/details/3175673

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文探讨了如何通过点击HTML表格中的TD元素来操作其中的两个SPAN元素属性的方法。具体涉及如何实现点击事件来切换显示的SPAN内容，并启用编辑功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<tr>
    <td>2</td>
    <td onclick="editMainItem(1)" style="cursor:pointer">
      <span id="mainitema">主营业务收入</span>
      <span style="display: none;" id="mainitemb"><input type="text" name="itemName" value='主营业务收入'><input type="submit" value="Edit" class="Button"></span>
    </td>
    </tr>

    <tr>
    <td>3</td>
    <td onclick="editMainItem(1)" style="cursor:pointer">
      <span id="mainitema">主营业务成本</span>
      <span style="display: none;" id="mainitemb"><input type="text" name="itemName" value='主营业务成本'><input type="submit" value="Edit" class="Button"></span>
    </td>
    </tr>

    <tr>
    <td>4</td>
    <td onclick="editMainItem(1)" style="cursor:pointer">
      <span id="mainitema">笑嘻嘻</span>
      <span style="display: none;" id="mainitemb"><input type="text" name="itemName" value='笑嘻嘻'><input type="submit" value="Edit" class="Button"></span>
    </td>
    </tr>