js基礎(chǔ):另一個為javascript中的table中添加控件的方法
當(dāng)前位置：點晴教程→知識管理交流
→『 技術(shù)文檔交流 』
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Add&DeleteNodetitle> <script language="javascript"> var i=1; function insertStr() { i++; var td = document.createElement("td"); var tr = document.createElement("tr"); var tbody = document.createElement("tbody"); tr.appendChild(td); tbody.appendChild(tr); var parNode = document.getElementById("table1"); parNode.appendChild(tbody); tr.setAttribute("name","tr"+i); tr.setAttribute("id","tr"+i); td.innerHTML="<input type=''text'' name=''Tag"+i+"'' id=''Tag"+i+"'' value=''Tag"+i+"''><input type=''button'' value=''Delete'' name=''Delete"+i+"'' id=''Delete"+i+"'' onClick=''javascript:DeleteNode("+i+")''>"; document.form1.total.value=i; } function DeleteNode(j) { var trnode=document.getElementById("tr"+j); trnode.parentNode.removeChild(trnode); } </script> </head> <body> <form name="form1" method="post" action=""> <input name="tag1" type="text" id="tag1" value="Tag1"> <input name="insert" type="button" id="insert" value="Add a Tag" onClick="insertStr()"> <input type="hidden" name="total" id="total"> </form> <table width="400" border="1" cellspacing="string" cellpadding="0" id="table1"> </table> </body> </html> 代碼中紅色的部分就是可以在table的元素中添加控件的方法 ~ 注意聯(lián)系牢牢掌握哦~ 因為用了元素的innerHTML的屬性，所以可以在后面之間添加控件。
該文章在 2010/8/18 11:11:06 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... 
|
400 186 1886
