如何通过JavaScript修改表格中的单元格（td）内容？
- 内容介绍
- 文章标签
- 相关推荐
本文共计496个文字，预计阅读时间需要2分钟。
JavaScript修改td值的方法：
1.使用innerHTML属性，语法：`指定td节点.innerHTML=新内容;`
2.使用innerText属性，语法：`指定td节点.innerText=新内容;`
javascript修改td值的方法：1、利用innerHTML属性，语法“指定td节点.innerHTML = "新内容";”；2、利用innerText属性，语法“指定td节点.innerText = "新内容";”。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
javascript修改td的值
方法1：利用innerHTML属性
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <table border="1"> <tr> <th>商品</th> <th>价格</th> </tr> <tr> <td>T恤</td> <td id="xg">￥100</td> </tr> <tr> <td>牛仔褂</td> <td>￥250</td> </tr> <tr> <td>牛仔库</td> <td>￥150</td> </tr> </table> <button onclick="myFunction()">修改td的值</button> <script type="text/javascript"> function myFunction() { var xtd = document.getElementById('xg'); xtd.innerHTML = "￥120"; xtd.style.color="red"; } </script> </body> </html>
方法2：利用innerText属性
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <table border="1"> <tr> <th>商品</th> <th>价格</th> </tr> <tr> <td>T恤</td> <td>￥100</td> </tr> <tr> <td>牛仔褂</td> <td id="xg">￥250</td> </tr> <tr> <td>牛仔库</td> <td>￥150</td> </tr> </table> <button onclick="myFunction()">修改td的值</button> <script type="text/javascript"> function myFunction() { var xtd = document.getElementById('xg'); xtd.innerText = "￥200"; xtd.style.color="red"; } </script> </body> </html>
本文共计496个文字，预计阅读时间需要2分钟。
JavaScript修改td值的方法：
1.使用innerHTML属性，语法：`指定td节点.innerHTML=新内容;`
2.使用innerText属性，语法：`指定td节点.innerText=新内容;`
javascript修改td值的方法：1、利用innerHTML属性，语法“指定td节点.innerHTML = "新内容";”；2、利用innerText属性，语法“指定td节点.innerText = "新内容";”。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
javascript修改td的值
方法1：利用innerHTML属性
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <table border="1"> <tr> <th>商品</th> <th>价格</th> </tr> <tr> <td>T恤</td> <td id="xg">￥100</td> </tr> <tr> <td>牛仔褂</td> <td>￥250</td> </tr> <tr> <td>牛仔库</td> <td>￥150</td> </tr> </table> <button onclick="myFunction()">修改td的值</button> <script type="text/javascript"> function myFunction() { var xtd = document.getElementById('xg'); xtd.innerHTML = "￥120"; xtd.style.color="red"; } </script> </body> </html>
方法2：利用innerText属性
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <table border="1"> <tr> <th>商品</th> <th>价格</th> </tr> <tr> <td>T恤</td> <td>￥100</td> </tr> <tr> <td>牛仔褂</td> <td id="xg">￥250</td> </tr> <tr> <td>牛仔库</td> <td>￥150</td> </tr> </table> <button onclick="myFunction()">修改td的值</button> <script type="text/javascript"> function myFunction() { var xtd = document.getElementById('xg'); xtd.innerText = "￥200"; xtd.style.color="red"; } </script> </body> </html>