2012-03-21 87 views
0

我有這樣的表格單元格:使用Prototype更改​​的內容?

<td align="left"> 
    <img title="some title" src="image url"> 
</td> 

我想改變SRC(圖像URL),但不知道怎麼辦。這可能使用原型或/和innerhtml什麼的?我需要給<td>一個ID嗎?

回答

0

我不知道原型,但對於屬性的CSS選擇器看起來像

.img[title="some title"] 

在你有滋滋的jQuery,可以使用,不知道原型。

+0

想象一下自己,它並不難: '$('image')。src = newimage;' – EOB 2012-03-21 13:05:02

0

您需要獲取DOM中特定節點元素的引用。

有很多方法可以做到這一點,你可以通過id引用img。您可以遍歷DOM中的元素(表中的行/列或所有img標籤等)

從那裏可以簡單地重新分配src屬性。注意:當您交換img元素的src屬性時,它可能不會立即加載,並且可能看起來不愉快,特別是對於鼠標懸停或按鈕效果。 (在初始加載後,它可能會被瀏覽器緩存並且不再顯着)。

的建議路線是預先負載這樣的圖像例如:

var myImg = new Image(); 
myImg.src = "newimage.jpg"; 

然後,你將在節點參照的src屬性設置爲myImg.src

1

使用Prototype的$方法只需選擇元素並更改其src屬性:

$('image').src = 'new-image.png'; 

如果你的文檔中有一個以上的圖像,我建議增加一個類或ID的圖像或含有<td>元素。