怎么利用js添加多行table的tr？_IT百科

原声js中如果你想创建tr和td 而且是很多个，只能用循环往里面塞值了。

<body>

</body>

var oTab = document.getElementById('tab')

for(var i=0i<3i++){

var oTr = document.createElement('tr')

for(var j=0j<3j++)

{

var oTd = document.createElement('td')

oTr.appendChild(oTd)

}

oTab.appendChild(oTr)

}

</script>

简单的写了一下，仅供参考~~

一个比较笨的方法也是最简单的就是判断选择的值然后去创建表格比如获取到的值是num

var table="<table>"

for(var i=0i<numi++)

{

table+=“<tr><td></td><td></td></tr>”

}

document.GetElementById("要创建表格的容器ID").InnerHTML=table

这样就可以了

方法二：

这个方法需要你在页面上先定要表格

function aa(num)//这个是你选择的时候调用的js事件 num为行数

{

for(var i=0i<numi++)//判断调用创建表格中行的次数

{

CreatTableRows()

}

function CreatTableRows(){

var obj = document.getElementById("表格ID")

var hangshu = obj.rows.length//获取表格现有的行数

var orow = obj.insertRow(-1)//在最后一行后面加一行

var ocell = orow.insertCell()// 在行里面增加一列

var neirong = " 列里面的内容1"

ocell.innerHTML = neirong

var ocell = orow.insertCell()// 在行里面增加一列

var neirong = " 列里面的内容2"

ocell.innerHTML = neirong

}

欢迎分享，转载请注明来源：内存溢出

怎么利用js添加多行table的tr？