使用JavaScript向表格中写入数据

2012/10/31 20:21:44作者：佚名来源：网络

移动端

【实例名称】

【实例描述】

本例向表格中写入数据，类似于在表格中动态插入单元行。不同的是在插入的同时指定单元格的内容，并通过一个方法提高代码的复用性。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页-学无忧（www.xue51.com）</title>
</head>
<body>
<script language="JavaScript">
//---变量----------释义--
//idNumber -------音乐编号
//songName----------音乐名称
//mCompany-------制作公司
//mSinger--------演唱歌手
//mPlace---------发行区域
//mKind----------音乐类型
//mTime----------加入日期
//mSize----------音乐大小
//mType----------音乐格式
//mUrl-----------音乐地址
//mHits----------点播次数
function createTR(idNumber,songName,mPlace,mCompany,mSinger)
{
 document.writeln("<TR onmouseover=\"this.style.backgroundColor=
'#FFccdd';this.style.color='BLUE'\" onmouseout=
\"this.style.backgroundColor='';this.style.color=''\">");
        document.writeln("<TD height=10>"+idNumber+"</TD>"); 
        document.writeln("<TD height=10><a href='#'>"+songName+"</a></TD>");
        document.writeln("<TD height=10>"+mPlace+"</TD>"); 
        document.writeln("<TD height=10>"+mCompany+"</TD>");            
        document.writeln("<TD height=10>"+mSinger+"</TD>");
        document.writeln("</TR>");
}
</script>
<TABLE width="90%" bgcolor="#BCBCBC" cellSpacing=1 
cellPadding=0 align=center border=1>
 <TR>
    <Th width="20%">音乐编号</Th> 
    <Th width="20%">音乐名称</Th> 
    <Th width="20%">发行区域</Th> 
    <Th width="20%">所属公司</Th> 
    <Th width="20%">演唱歌手</Th> 
 </TR>
<TR>
<script>
createTR("编号1","歌曲名称1","中国大陆","公司1","歌手1");
createTR("编号2","歌曲名称2","中国香港","公司2","歌手2");
createTR("编号3","歌曲名称3","中国台湾","公司3","歌手3");
createTR("编号4","歌曲名称4","中国澳门","公司4","歌手4");
createTR("编号5","歌曲名称5","中国大陆","公司5","歌手5");
</script>
</TR>
</table></body>
</html>

【运行效果】

运行效果