zoukankan      html  css  js  c++  java
  • 简单动态建表

    <html>
    <head>
    <title>s</title>
    <script language="JavaScript" type="text/javascript">

     function jianbiao1()
     {
        var dd=document.getElementById("div");
      //  document.getElementById("div").createElement("table");
      var biao=document.createElement("table");
      
      biao.setAttribute("border","1");
      biao.setAttribute("width","617px");
      var tr1=biao.insertRow();//创建行
      var td1=tr1.insertCell();//创建列 
      td1.innerText="名字";
      var td2=tr1.insertCell();
      td2.innerText="性别";
      var td3=tr1.insertCell();
      td3.innerText="年龄";
      var td4=tr1.insertCell();
      td4.innerText="日";
      
      
      for(var j=2;j<6;j++)
      {       
      
            trx=biao.insertRow();
          for(var i=0;i<12;i++)
          {
                 td=trx.insertCell();
                 td.innerText=i;
                 if(i==3)
                 {
                   i=12;
                 }
              
          
          
          }
      }
      dd.appendChild(biao);

     }
     function tiao()
     {
           window.location.href="http://www.baidu.com";
          
     
     }
     
     

    </script>
    </head>
    <body>
        
    <input type="button" onclick="jianbiao1()" value="显示"/>
    <input type="button" onclick="tiao()" value="跳转到百度" />
    <div id="div"></div>
    </body>
    </html>

  • 相关阅读:
    scala-隐式转换
    scala-泛型
    scala-模式匹配
    scala-LinkedList
    scala-高阶函数
    scala-数组/列表
    scala-map
    scala语法
    机器学习笔记
    Day 1 下午
  • 原文地址:https://www.cnblogs.com/accumulater/p/7000668.html
Copyright © 2011-2022 走看看