zoukankan      html  css  js  c++  java
  • 1017

    <script>
    function insCell()
    {
    var x=document.getElementById('tr1').insertCell(0);
    x.innerHTML="The famous";
    }
    </script>
    </head>
    <body>
    <table border="1">
    <tr id="tr1">
    <td>Peter</td>
    <td>Griffin</td>
    </tr>
    </table>
    <br>
    <input type="button" onclick="insCell()" value="Insert cell">
    </body>
    
    
    
    
    
    
    <html> 
    <head> 
    <title>Demo</title> 
    </head> 
    <body> 
    <label style="font-size:20px;600px;" >动态表格:</label><br/> 
    <table border="1"> 
    <tbody id="table"> 
    </table> 
    </body> 
    </html> 
    <script> 
    function getColumnDetail(column){ 
    column.style.color = "blue"; //将被点击的单元格设置为蓝色 
    alert(column.innerHTML); //弹出被点单元格里的内容 
    } 
    <!--trLineNumber为动态表格行数,tdData为动态表格每行单元格的数据,数据类型为数组--> 
    function setTable(trLineNumber,tdData){ 
    var _table = document.getElementById("table"); 
    var _row; 
    var _cell; 
    for (var i = 0; i < trLineNumber; i++) { 
    _row = document.createElement("tr"); 
    document.getElementById("table").appendChild(_row); 
    for(var j = 0; j < tdData.length; j++) { 
    _cell = document.createElement("td"); 
    _cell.onclick= function(){getColumnDetail(this)}; //为每个单元格增加单击事件 
    _cell.innerText = tdData[j]; 
    _row.appendChild(_cell); 
    } 
    
    } 
    } 
    </script> 
  • 相关阅读:
    Spring Cloud 企业云服务架构common-service代码分析
    Spring Cloud云服务架构代码结构构建
    配置环境真是复杂的事情
    一起来关注c11 吧!!!
    utubu
    今天开放了这个居然
    编译linux程序,unistd.h vc的处理
    postgres 设置密码
    提供各种开源软件编译服务的想法
    CSS基础
  • 原文地址:https://www.cnblogs.com/lxy151/p/7679807.html
Copyright © 2011-2022 走看看