您好,登錄后才能下訂單哦!
這篇“javascript如何修改td的值”文章的知識點大部分人都不太理解,所以小編給大家總結了以下內容,內容詳細,步驟清晰,具有一定的借鑒價值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“javascript如何修改td的值”文章吧。
javascript修改td值的方法:1、利用innerHTML屬性,語法“指定td節(jié)點.innerHTML = "新內容";”;2、利用innerText屬性,語法“指定td節(jié)點.innerText = "新內容";”。
本教程操作環(huán)境:windows7系統(tǒng)、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>
以上就是關于“javascript如何修改td的值”這篇文章的內容,相信大家都有了一定的了解,希望小編分享的內容對大家有幫助,若想了解更多相關的知識內容,請關注億速云行業(yè)資訊頻道。
免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內容。