• 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>

  • 相关阅读:
    每日签到
    手机刮刮卡
    js随机更换
    jquery实现input输入框实时输入触发事件代码
    webAPP前端必备知识
    让你分分钟学会 JS 闭包
    js获取url?后的参数
    js获取上传的文件名
    Javascript 中神奇的 this
    由浅入深完全掌握Ajax
  • 原文地址:https://www.cnblogs.com/Godblessyou/p/1202484.html
Copyright © 2020-2023  润新知