js与表格的问题

smartsoloman 2008-04-28 02:12:38

今天想用appendChild方法来添加一个表格的行,比如
<talbe id="test">
</table>
<button onclick="oadd()">add</button>
<script language=javascript>
function oadd()
{
var obj=document.getElementById("test");
var new_tr=document.createElement("tr");
var new_td=document.createElement("td");
new_td.innerText="solo";
new_tr.appendChild(new_td);
obj.appendChild(new_tr);
}
</script>
这个方法为什么不能添加行?

...全文

68 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

knowledge_Is_Life 2008-05-01

打赏
举报

接分先！

UltraBejing 2008-05-01

打赏
举报

有问题请先GOOGLE,BAIDU

meiZiNick 2008-04-30

打赏
举报

支持搂主，收藏

jayflee 2008-04-28

打赏
举报

<talbe id="test"> 这里拼错了！！！！



<table id="test1"> 



<TBODY id="tbody"  >



</TBODY>



</table> 



<button onclick="oadd()">add </button> 



<button onclick="oadd1()">add2 </button> 

<script language=javascript> 

function oadd() 

{ 

var obj=document.getElementById("tbody"); 



var new_tr=document.createElement("tr"); 

var new_td=document.createElement("td"); 

new_td.innerText="solo"; 

new_tr.appendChild(new_td); 

obj.appendChild(new_tr); //TBODY , TFOOT, THEAD  才有效  



}



function oadd1() 

{ 

var obj=document.getElementById("test1"); 



var new_tr=obj.insertRow(); //直接通过TABLE添加

 new_td=new_tr.insertCell(); 

new_td.innerText="solo"; 



}

</script>

s_liangchao1s 2008-04-28

打赏
举报

或者





<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>  

  <script   language="javascript">   

function oadd() 

{ 

var tbody = document.getElementsByTagName('tbody')[0];////////tbody

var obj=document.getElementById("test"); 

var new_tr=document.createElement("tr"); 

var new_td=document.createElement("td"); 

var otext = document.createTextNode("td"); 

new_td.appendChild(otext);

new_tr.appendChild(new_td); 

tbody.appendChild(new_tr); 





} 

</script>



  </script>

 </HEAD>



 <body>

 <form>

<table id="test" border='1'> 

<tbody>

</tbody>



</table> 

<input type="button" onclick="oadd()" value="add">



 </form>



 </BODY>

</HTML>

s_liangchao1s 2008-04-28

打赏
举报



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>  

  <script   language="javascript">   

function oadd() 

{ 

var obj=document.getElementById("test"); 

var new_tr=obj.insertRow();

var new_td=new_tr.insertCell();

new_td.innerText='td'; 

} 

</script>



  </script>

 </HEAD>



 <body>

 <form>

<table id="test" border='1' bgcolor="red"> 



</table> 

<input type="button" onclick="oadd()" value="add">



 </form>



 </BODY>

</HTML>