zoukankan      html  css  js  c++  java
  • javascript 动态创建表格单元格(转)

    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function create_table()
    {
     var span = document.getElementById("t");
     //创建一个table对象
     var vTable=document.createElement("TABLE");

     //设置table的属性
     vTable.setAttribute("CELLPADDING","0");
     vTable.setAttribute("CELLSPACING","0");
     vTable.setAttribute("BORDER","1");

     //插入一行
     vTr=vTable.insertRow();

     //插入一列
     vTd=vTr.insertCell();
     vTd1=vTr.insertCell();

     //设置列属性
     //vTd.style.background="#7596C6";
     //vTd.align="center";

     //插入这一列中显示的html
     vTd.innerHTML="<input type='text' name='bt_row_col' onclick='alert1(this.name)'>";
     vTd1.innerHTML="<input type='text' name='bt_row_col' onclick='alert1(this.name)'>";
     span.appendChild(vTable);

    }
    function alert1(str)
    {
     alert(str);
    }
    function tt()
    {
     var span = document.getElementById("t");
     var fileTag = "<input type='radio' id ='f1' name='f1' size=50>";
     var fileObj = document.createElement(fileTag);
     span.appendChild(fileObj);
    }
    //-->
    </SCRIPT>
    </HEAD>

    <BODY>
    <A HREF="#" onclick="create_table()">test</A>
    <TABLE border=1>
    <TR>
     <TD><span id="t" name="t"></span></TD>
    </TR>

    </TABLE>

    </BODY>
    </HTML>

  • 相关阅读:
    codevs 3115 高精度练习之减法 swap
    codevs 3116 高精度练习之加法
    poj 3984 迷宫问题
    codevs m进制转化成10进制
    codevs 1214 线段覆盖
    codevs 3143 二叉树的序遍历
    codevs 3145 汉诺塔
    HDU 5093 Battle ships [二分图匹配]
    HDU 5074 Hatsune Miku [dp] ——2014鞍山现场赛E题
    ZOJ 3793 First Digit (逗比题)
  • 原文地址:https://www.cnblogs.com/Godblessyou/p/1202484.html
Copyright © 2011-2022 走看看