<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>11</title>
<script language=javascript type =text/javascript>
function insert()
{
var tr=document.createElement("tr");
for(var i=0;i<2;i++)
{
var td=document.createElement("td");
td.innerText="niH";
tr.appendChild (td);
}
tb.appendChild (tr);
}
</script>
</head><body>
<table id="tb" style="table-layout:fixed;border-collapse:collapse;border:1px solid red ;width:47%">
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
<tr><td>5</td><td>6</td></tr> </table>
<input type=button value ="点击我" ondblclick="insert()" >
</body></html>
我用上面的方法不能实现,添加行为什么啊,还有tb.appendChild (tr);跟tb.insertrow()有什么区别吗?
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>11</title>
<script language=javascript type =text/javascript>
function insert()
{
var tr=document.createElement("tr");
for(var i=0;i<2;i++)
{
var td=document.createElement("td");
td.innerText="niH";
tr.appendChild (td);
}
tb.appendChild (tr);
}
</script>
</head><body>
<table id="tb" style="table-layout:fixed;border-collapse:collapse;border:1px solid red ;width:47%">
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
<tr><td>5</td><td>6</td></tr> </table>
<input type=button value ="点击我" ondblclick="insert()" >
</body></html>
我用上面的方法不能实现,添加行为什么啊,还有tb.appendChild (tr);跟tb.insertrow()有什么区别吗?
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>11</title>
<script language=javascript type =text/javascript>
function insert(){
var tr=document.createElement("tr");
for(var i=0;i<2;i++){
var td=document.createElement("td");
td.innerText="niH";
tr.appendChild (td);
}
tb.appendChild(tr);
}
</script>
</head><body>
<table style="table-layout:fixed;border-collapse:collapse;border:1px solid red ;width:47%">
<tbody id="tb" >
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
<tr><td>5</td><td>6</td></tr>
</tbody>
</table>
<input type=button value ="点击我" ondblclick="insert()" >
</body>
</html>加个tbody就可以了
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>11</title>
<script language=javascript type =text/javascript>
function insert()
{
var tr=document.createElement("tr");
for(var i=0;i<2;i++)
{
var td=document.createElement("td");
var text = document.createTextNode("aaaaaaaaaaaaa");
td.appendChild(text);
tr.appendChild(td);}document.getElementById("tb").getElementsByTagName("tbody")[0].appendChild(tr);
}
</script>
</head><body>
<table id="tb" style="table-layout:fixed;border-collapse:collapse;border:1px solid red ;width:47%">
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
<tr><td>5</td><td>6</td></tr></table>
<input type=button value ="点击我" ondblclick="insert()" >
</body></html>
<table>
<thead><tr>...</tr></thead>
<tbody><tr>...</tr></tbody>
<tfoot><tr>...</tr></tfoot>
</table>其中<thead>、<tbody>、<tfoot>可以省略,在浏览器解释程序的时候会自动添加,如果有用了<thead>或者<tfoot>,那就一定要加tbody,在js中添加表格行的时候要指定添加在这三者的其中一个里面,要不然浏览器不知道添加在哪里,就会出错(个人理解)
而insert()则是有参数的,如果是-1则效果和上面的是一致的,如果其他的数字的话则是在数字所在行的前一行添加,而且在火狐中获取table对象最好用document.getElementById来获取
你的 tb.appendChild(tr); 是错误的