js动态给table添加内容并显示

给你思路，table的tr就是你要插入的内容，td就是值，点击的时候获取上面的值，分别放入td中，就可以最后用table对象append就可以了，至于tr对象你可以自己写一个html模板，或者用插件模板都可以比如jquerytemplate插件。

var Tr=document.createElement("tr")

Tr.innerHTML="移到这里来!"

Tr.onmouseover=function()

{

this.style.backgroundColor='#e1e8fb'

alert(1)

}

var Table=document.getElementById("table的id")//或者是其他的方式获取的Table对象。

Table.appendChild(Tr)

上面的代码就可以了

一个比较笨的方法也是最简单的就是判断选择的值 然后去创建表格比如获取到的值是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

}

---