將html的元素加一個id,然后就可以通過js的getElementById來獲取或操作html元素了。
下面是實例代碼:
<html> <head> <script type="text/javascript"> function getInnerHTML() { alert(document.getElementById("tr1").innerHTML);//返回表格行的開始和結束標簽之間的 HTML document.getElementById("tr1").innerHTML = "<td>wang</tb> <td>jinhe</tb>";//設置表格行的開始和結束標簽之間的 HTML var value = document.getElementById("text").value;//通過js獲取html元素 alert(value);//顯示輸入框中的值 document.getElementById("text").value = "wangjinhe";//通過js設置html元素 } </script> </head> <body> <table border="1"> <tr id="tr1"> <th>Firstname</th> <th>Lastname</th> </tr> <tr id="tr2"> <td>Peter</td> <td>Griffin</td> </tr> </table> <br /> <input type="text" id="text"/> <input type="button" onclick="getInnerHTML()" value="Alert innerHTML of table row" /> </body> </html>
