解决-innerHTML无法在TBODY中使用

最新推荐文章于 2023-08-10 10:36:16 发布

goby2008

最新推荐文章于 2023-08-10 10:36:16 发布

阅读量350

点赞数

分类专栏： js 文章标签： JavaScript HTML ViewUI

js 专栏收录该内容

31 篇文章

订阅专栏

本文介绍了一种使用JavaScript操作HTML表格的方法，通过修改表格内的数据来实现动态更新的效果。具体实现了将表格中特定单元格的内容从“测试”和“不成功”替换为“ab”和“ok”。此技术对于网页开发者来说非常实用。

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

<html>   
    <head>   
      <SCRIPT   language=javascript>   
        function   doSomething(){   
          tbody   =   document.all.item("test");   
  tbody.parentNode.outerHTML   =   tbody.parentNode.outerHTML.replace(tbody.innerHTML,"<tr><td>ab</td><td>ok</td></tr>");   
                  
        }   
      </SCRIPT>   
      </head>   
    <body   onload=doSomething()>   
      <table>   
<tr><td>123</td><td>12<td></tr>
      <TBODY   id="test">   
        <tr>   
            <td>测试</td>   
            <td>不成功</td>   
        </tr>   
      </TBODY>   
    </table>   
    </body>   
  </html>