使用JavaScript向表格中写入数据

最新推荐文章于 2024-07-30 11:29:23 发布

neeleon

最新推荐文章于 2024-07-30 11:29:23 发布

阅读量2.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javaScript 文章标签： JavaScript 音乐 XHTML HTML ViewUI

本文链接：https://blog.youkuaiyun.com/neeleon/article/details/83678784

本文介绍如何使用JavaScript高效地向HTML表格动态插入带有特定内容的行，提升代码复用性，实现表格数据的动态更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

<title>标题页</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>");

        doc