同事说他动态改变单元格背景图老不行,让我看下,HTML如下:
程序代码<table width="200" height="50" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="ya_4.jpg" onmouseover="this.style.background='ya_5.jpg';"> </td>
</tr>
</table>我一看也没看出原因,感觉应该可以呀,在自己机子上再测试了下,也是不行,突然想td本身不就有background属性,直接用this.background不就行了,改完再做测试,可以了。那用style应该也可以吧,是不是哪边写错了?查了下CSS语法,终于知道原因了。
总结了一下,用以下三种方法都可以达到测试:
1. this.background='ya_5.jpg';
2. this.style.backgroundImage='url(ya_5.jpg)';//注意引号位置
3. this.style.background='url(ya_5.jpg)';