Ajax 更新 Tbody 内容。

最新推荐文章于 2024-12-14 09:22:33 发布

原创最新推荐文章于 2024-12-14 09:22:33 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #javascript #xhtml #html #border #function

Javascript 同时被 2 个专栏收录

24 篇文章

订阅专栏

Dojo

14 篇文章

订阅专栏

本文介绍了一个使用JavaScript修改HTML表格中特定单元格内容的方法。通过获取指定ID的TBODY元素，并利用outerHTML属性来替换其中的内容，实现了将原有表格数据替换成预设的新数据。这一技巧适用于网页动态更新数据的需求。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <SCRIPT language="javascript"> function doSomething(){ tbody = document.all.item("test"); tbody.parentNode.outerHTML = tbody.parentNode.outerHTML.replace(tbody.innerHTML,"<tr><td>value1</td><td>value2</td></tr>"); } </SCRIPT> <title>无标题文档</title> </head> <body> <table border="1"> <thead> <tr> <th>Head1</th> <th>Head2</th> </tr> </thead> <TBODY id="test"> <tr> <td>（这个 TR 与 TD 必须保留！）</td> </tr> </TBODY> </table> <SCRIPT language="javascript"> doSomething(); </SCRIPT> </body> </html>