javascript構建帶行號的表格

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>無題のページ</title>
<script>
function getValue() {
var x=document.getElementById("myHeader")
alert(x.innerHTML) }


function init() {

    var tr, td,text1,text2,textnum,rbtsel;
   
    var tbl=document.getElementById("tbl");
   
    tr = document.createElement("tr");
   
    tbl.insertBefore(tr, null);

    var rowcount=0;
    rowcount=document.getElementById("tbl") ;
    var rows=rowcount.rows.length;
   
    tdnum=document.createElement("td");
    td1 = document.createElement("td");
    td2 = document.createElement("td");
    
    var txt1=document.getElementById("Text1").value;
    var txt2=document.getElementById("Text2").value;

    text1 = document.createTextNode(txt1);
    text2 = document.createTextNode(txt2);
    textnum=document.createTextNode(rows);
  
    tdnum.insertBefore(textnum, null);
    td1.insertBefore(text1, null);
    td2.insertBefore(text2, null);
   
    tr.insertBefore(tdnum, null);
    tr.insertBefore(td1, null);
    tr.insertBefore(td2, null);
   
   
  
}
</script>


 
</head>
<body >

<input type="text" id="Text1"  />
<input type="text" id="Text2"  />

<input type="button" οnclick="init()" name="t" />

<table id="tbl" >

</table>
</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值