JavaScript向表格中添加按钮和文本输入框
例子:
<?php ?> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> input { width:200px; height:50px; color:#eaeaea; border-color:red; } </style> <script> function modifyTableContent() { var obj = document.getElementById("tab1"); obj.rows[1].cells[1].innerHTML = "<button>按键</button>"; obj.rows[1].cells[0].innerHTML = '<input type="text" value="coding for fun!"/>'; } </script> </head> <body> <table id="tab1" width="445" border="1"> <tr> <th width="200" scope="col">编号</th> <th width="200" scope="col">姓名</th> <th width="200" scope="col">登录名</th> <th width="200" scope="col">身份</th> <th width="200" scope="col">创建时间</th> <th width="200" scope="col">登录时间</th> </tr> <tr> <th width="200" scope="col">23</th> <th width="200" scope="col">Jack</th> <th width="200" scope="col">xman</th> <th width="200" scope="col">马甲</th> <th width="200" scope="col">09-11</th> <th width="200" scope="col">09-13</th> </tr> </table> <button style="width: 60px; height:30px" onclick="modifyTableContent()"></button> </body> </html>