更改使用Prototype的内容？

Question

我有这个表格单元格：

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

我想更改src（图片网址），但不知道如何。是可以使用Prototype或/和innerhtml或其他什么？我是否需要为<td>提供ID？

Answer 1

只需使用Prototype的$方法选择元素并更改其src属性：

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

如果文档中有多个图像，我建议在图像或包含<td>元素中添加类或ID。

Answer 2

我不知道原型，但是有一个类似于

的属性的CSS选择器

.img[title="some title"]

在你有嘶嘶声的jquery中，可以使用，不确定原型。

Answer 3

您需要获取对DOM中特定节点元素的引用。

有很多方法可以执行此操作，您可以通过ID引用img。您可以遍历DOM中的元素（表格中的行/列，或所有img标签等。）

从那里可以轻松地重新分配src属性。注意：当您交换src元素的img属性时，它可能无法立即加载，并且可能看起来很不愉快，尤其是鼠标悬停或按钮效果。 （初始加载后，它可能会被浏览器缓存，不再明显）。

建议的路线是预加载此类图像，例如：

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

然后，您可以将节点引用的src属性设置为myImg.src。