神秘的 J2ee 殿堂

·古之学者必有师·做学者亦要做师者·FIGHTING·

js 动态创建增加表格的行,并设置相应的属性

function addRow(){
//其中mainTb时table的Id
//mainBody时表格主体的Id
//表格结构:<table id="mainTb"><tbody id="mainBody"><tr><td>。。。。。。</td></tr></tbody></table>
var tableObj = document.getElementById("mainTb");  
var tableBodyObj = document.getElementById("mainBody");  
var newRowObj = document.createElement("<tr name='trN' onMouseOver='tOn(this);' onMouseOut='tOn2(this);' onclick='aler

();'>
");  
var newtext1 = document.createElement("<td class='listdata'>");  
var newtext2 = document.createElement("<td class='listdata'>");  
var newtext3 = document.createElement("<td class='listdata'>");  
var newtext4 = document.createElement("<td class='listdata'>");  
var newtext5 = document.createElement("<td class='listdata'>");  
var newtext6 = document.createElement("<td class='listdata'>");  
var newtext7 = document.createElement("<td class='listdata'>"); 
var num=eval(document.getElementById("flag").value)+1;
document.getElementById(
"flag").value=num;
newtext1.innerHTML
=num;
newtext2.innerHTML
=document.getElementById("flight").value;
newtext3.innerHTML
=document.getElementById("lk_strt").value;
newtext4.innerHTML
=document.getElementById("lk_seat").value;
newtext5.innerHTML
=document.getElementById("lk_bdno").value;
newtext6.innerHTML
=document.getElementById("lkdate").value;
newtext7.innerHTML
="";
newRowObj.appendChild(newtext1);
newRowObj.appendChild(newtext2);
newRowObj.appendChild(newtext3);
newRowObj.appendChild(newtext4);
newRowObj.appendChild(newtext5);
newRowObj.appendChild(newtext6);
newRowObj.appendChild(newtext7);
tableBodyObj.appendChild(newRowObj);
}

posted on 2008-07-15 11:22 月芽儿 阅读(2200) 评论(1)  编辑  收藏 所属分类: J2EE学习心得

评论

# re: js 动态创建增加表格的行,并设置相应的属性[未登录] 2013-04-19 17:02 1

111   回复  更多评论   


只有注册用户登录后才能发表评论。


网站导航:
 

导航

统计

常用链接

留言簿(2)

随笔分类

随笔档案

相册

搜索

最新评论

阅读排行榜

评论排行榜