原声js中如果你想创建tr和td 而且是很多个，只能用循环往里面塞值了。
<body><table id="tab"></table>
</body>
<script>
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>
简单的写了一下，仅供参考~~
function onAddTR(trIndex){
var tb = document.getElementById("tb1")
var newTr = tb.insertRow(trIndex)//添加新行，trIndex就是要添加的位置
var newTd1 = newTr.insertCell()
newTd1.innerHTML = "这是新行，位置：" + trIndex
var newTd2 = newTr.insertCell()
newTd2.innerHTML = "这是新行，位置：" + trIndex
}
或是直接用jq来写，会更简单
function onAddTR(trObj)
{
$(trObj).after("<tr onclick='onAddTR(this)'><td>这是新行</td><td></td><tr/>")
}
一个比较笨的方法也是最简单的就是判断选择的值 然后去创建表格比如获取到的值是numvar 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
}
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）