zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    database使用
    画图工具
    宝塔面板权限不足问题解决
    nginx查看并发数量
    台式机未插入扬声器或者耳机
    键盘出现乱码解决
    lnmp宝塔面板问题
    nginx+mysql双主搭建
    zabbix客户端安装
    java生产条形码
  • 原文地址:https://www.cnblogs.com/Robotke1/p/3321389.html
Copyright © 2011-2022 走看看