标签:
2015-08-31
<html> <head> <title>采用DOM进行表格的修改操作</title> <script language="JavaScript"> function addRow() { var tab=document.getElementbyId("mytab");//取得table的节点对象 var id=document.getElementById("id").value;//取得输入内容 var name=document.getElementById("name").value; var tr=document.createElement("tr");//创建新节点 var tbody=document.createElement("tbody"); var td_id=document.createElement("td"); var td_name=document.createElement("td"); td_id.appendChild(document.createTextNode(id)); td_name.appendCihld(document.creatTextNode(name)); tr.appendChild(td-id); tr.appendChild(td_name); tbody.appendChild(tr); tab.appendChild(tbody); } </script> </head> <body> 新的编号:<input type="text" name="id"> 新的编号:<input type="text" name="name"> <input type="button" value="增加" onclick="addRow()"> <table id="mytab" border="1"> <TR> <td>编号</td> <td>姓名</td> </tr> </table> </body> </html>
标签:
原文地址:http://www.cnblogs.com/sdu-Jumper/p/4772717.html