动态添加表格行-兼容IE firefox详解编程语言

document.createElement(option);  在firefox下 创建元素不能含有属性以及

 script type="text/javascript" 

 var oTR = new Array(); 

 var index = 0; 

 var id=0; 

 function add(){ 

 id = id+1; 

 oTR[index] = document.createElement("tr"); 

 //firefox写法 

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

 //IE写法 

 //var oTD = document.createElement(" td type=/"text/" ") 

 //兼容写法 

 oTD.innerHTML=" input type=/"text/" value="+id+" 

 oTR[index].appendChild(oTD); 

 document.getElementById("mybody").appendChild(oTR[index]); 

 /script 

 body 

 table border="1" width="30%" 

 caption 动态添加行 /caption 

 tbody id="mybody" 

 td 第一行 /td 

 /tr 

 td 第二行 /td 

 /tr 

 td 第三行 /td 

 /tr 

 /tbody 

 td a href="javascript:add()" 增加 /a /td 

 /tr 

 /table 

 /body 

原创文章，作者：Maggie-Hunter，如若转载，请注明出处：https://blog.ytso.com/14500.html