同事說他動態改變單元格背景圖老不行,讓我看下,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)';