如何改变单元格的颜色?

feibenzu 2007-05-27 08:56:36
<html>
<head>
<script>
var i=0
function insert_Row()
{
R=tb1.insertRow()
C=R.insertCell()
C.innerHTML="<td width=71 bgcolor=#CCCCCC>蔬菜名称:</td>"
C=R.insertCell()
C.innerHTML="<td width=135 bgcolor=#CCCCCC><input type=text size=15 name=name></td>"
C=R.insertCell()
C.innerHTML="<td width=68 bgcolor=#CCCCCC>最高价:</td>"
C=R.insertCell()
C.innerHTML="<td width=120 bgcolor=#CCCCCC><input type=text size=15 name=name></td>"
C=R.insertCell()
C.innerHTML="<td width=61 bgcolor=#CCCCCC>最低价:</td>"
C=R.insertCell()
C.innerHTML="<td width=105 bgcolor=#CCCCCC><input type=text size=15 name=name></td>"
C=R.insertCell()
C.innerHTML="<td width=55 bgcolor=#CCCCCC><input type=button value=删除 onclick='tb1.deleteRow(this.parentElement.parentElement.rowIndex);i--'></td>"
}
</script>
<title>无标题文档</title>
</head>
<body>
<form name='form1' method='post' action='add.asp'>
<table width="720" border="1">
<tr>
<td width=94 height=30 bgcolor=#CCCCCC>公司名称:</td>
<td bgcolor=#CCCCCC colspan="6"><input type=text name=name> </td>
</tr>
<tr>
<td width=94 height=30>蔬菜名称:</td>
<td width=145 ><input type=text size=15 name=name></td>
<td width=71 >最高价:</td>
<td width=133><input type=text size=15 name=name></td>
<td width=73 >最低价:</td>
<td width=126><input type=text size=15 name=name></td>
<td width=42></td>
</tr>
<tr><td colspan=7><table name=tb1 id=tb1 border=1 width=720></table></td></tr>
<tr><td colspan=7><input type=button value=添加 onclick="insert_Row();i++"></td></tr>
</table>
</form>
</body>
</html>

以上程序是当点击添加按钮后增加一行,点击删除按钮后可删掉一行,是在同一个公司名称下添加多条记录,但是如何改变所增加的单元格的颜色,使不同的单元格程不同的颜色???
C.innerHTML="<td width=105 bgcolor=#CCCCCC><input type=text size=15 name=name></td>",在这里面无法设置颜色,请高手帮忙指点

...全文
163 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
wangwm 2007-05-27
  • 打赏
  • 举报
回复
<html>
<head>
<style>
.bg{background-color:#ccc;}
.bg1{background-color:blue;}
.bg2{background-color:red;}
</style>
<script>
var i=0
function insert_Row()
{
R=tb1.insertRow()
C=R.insertCell()
R.cells[0].className="bg";
C.innerHTML="<td width=71 bgcolor=#CCCCCC>蔬菜名称:</td>"
C=R.insertCell()
C.innerHTML="<td width=135 bgcolor=#CCCCCC><input type=text size=15 name=name></td>"
C=R.insertCell()
R.cells[2].className="bg1";
C.innerHTML="<td width=68 bgcolor=#CCCCCC>最高价:</td>"
C=R.insertCell()
C.innerHTML="<td width=120 bgcolor=#CCCCCC><input type=text size=15 name=name></td>"
C=R.insertCell()
R.cells[4].className="bg2";
C.innerHTML="<td width=61 bgcolor=#CCCCCC>最低价:</td>"
C=R.insertCell()
C.innerHTML="<td width=105 bgcolor=#CCCCCC><input type=text size=15 name=name></td>"
C=R.insertCell()
C.innerHTML="<td width=55 bgcolor=#CCCCCC><input type=button value=删除 onclick='tb1.deleteRow(this.parentElement.parentElement.rowIndex);i--'></td>"
}
</script>
<title>无标题文档</title>
</head>
<body>
<form name='form1' method='post' action='add.asp'>
<table width="720" border="1">
<tr>
<td width=94 height=30 bgcolor=#CCCCCC>公司名称:</td>
<td bgcolor=#CCCCCC colspan="6"><input type=text name=name> </td>
</tr>
<tr>
<td width=94 height=30>蔬菜名称:</td>
<td width=145 ><input type=text size=15 name=name></td>
<td width=71 >最高价:</td>
<td width=133><input type=text size=15 name=name></td>
<td width=73 >最低价:</td>
<td width=126><input type=text size=15 name=name></td>
<td width=42></td>
</tr>
<tr><td colspan=7><table name=tb1 id=tb1 border=1 width=720></table></td></tr>
<tr><td colspan=7><input type=button value=添加 onclick="insert_Row();i++"></td></tr>
</table>
</form>
</body>
</html>

28,389

社区成员

发帖
与我相关
我的任务
社区描述
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
社区管理员
  • ASP
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧