JavaScript向表格中添加按钮和文本输入框

例子:

<?php 
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
    input
    {
        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=" 60px; height:30px" onclick="modifyTableContent()"></button>
</body>
</html>
原文地址:https://www.cnblogs.com/Robotke1/p/3321389.html