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>
  • 相关阅读:
    BeanUtils在web项目中的应用
    BeanUtils的日期问题
    使用BeanUtils组件
    调用数据库过程函数mysql
    sql注入
    如何取SO中的特性
    Read config detail from SO
    Parts-Ufida ERP project 1
    常用医疗英语
    April 24th 2020
  • 原文地址:https://www.cnblogs.com/Robotke1/p/3321389.html
Copyright © 2011-2022 走看看