读书人

怎么用js实现对一个表格的td改变颜色

发布时间: 2012-02-27 10:00:22 作者: rapoo

如何用js实现对一个表格的td改变颜色,我这样写为什么不对?
<html> <head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> 无标题文档 </title>
</head>
<script>
function fu(){
document.getElementById( 'yt ').style.bgColor = '#FF0000 ';
}
</script>
<body>
<input type= "button " name= "Submit " onClick= "fu() " value= "提交 ">
<table width= "75% " border= "1 ">
<tr>
<td height= "20 " id= "yt " >   </td>
<td bgcolor= "#FF0000 ">   </td>
</tr>
</table>
</body> </html>

[解决办法]
修改1.
function fu(){
document.getElementById( 'yt ').style.background = '#FF0000 ';
}
修改2.增加一div

<td height= "20 " > <div id= "yt ">   </div> </td>
<td bgcolor= "#FF0000 ">   </td>

[解决办法]
document.getElementById( 'yt ').style.background = '#FF0000 ';
[解决办法]
<table> <tr> <td id= 'fff '> fffffff </td> </tr> </table>
<script>
document.all( "fff ").bgColor = "red "
document.all( "fff ").style.backgroundColor = "blue "
</script>

两种方法都可以
[解决办法]
UP楼上的~
bgColor是一属性,不在style下面的~
background-color才是style下面的属性~但在脚本下面,要写成backgroundColor

读书人网 >JavaScript

热点推荐