使用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>元素。