怎么用js做一个表格

JavaScript012

怎么用js做一个表格,第1张

1.在页面div中创建一个空白表,可以根据需要对其进行定制。

2.创建表之后,我们可以编写关键代码来动态生成表。我们编写了一个js方法来触发使用。

3.在<TB >标签中,我们添加了标签,主要用于提供用户输入参数,而全局变量num主要用于区分每个添加参数的唯一id。

4.获取表中的数据,以供下图参考。

5.一旦我们获得了表中的数据,我们就应该将其转换成json数据的形式。

用jQuery实现,代码如下:

var defaultColor="#112233"

$(function(){

$("table tr").each(i){

if(i<5)

{

$(this).css("background-color","#112233")//前五行颜色

}

else

{

$(this).css("background-color","#223344")//五行之后的颜色

}

$("table tr").hover(function(){

defaultColor=$(this).css("background-color")

$(this).css("background-color","#334455")//鼠标移到的颜色

},function(){

$(this).css("background-color",defaultColor)//鼠标移出的颜色,恢复默认颜色

})

}

})