使用Prototype更改​​的內容？

Question

我有這樣的表格單元格：

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

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

Answer 1

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

.img[title="some title"] 

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

Answer 2

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

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

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

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

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

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

Answer 3

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

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

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