Изменить содержание <td>с помощью Prototype?

Question

У меня есть эта ячейка таблицы:

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

Я хочу изменить src (URL-адрес изображения), но не знаю как. Это возможно, используя Prototype или / и innerhtml или что-то? Нужно ли дать идентификатор для <td>?

Answer 1

Просто выберите элемент с помощью метода $ в Prototype и измените его свойство src:

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

Если у вас есть несколько изображений в документе, я бы предложил добавить класс или идентификаторизображению или содержащему <td> элементу.

Answer 2

Вам нужно получить ссылку на конкретный элемент узла в DOM.

Есть несколько способов сделать это, вы можете сослаться на img по id.Вы можете зациклить элементы в DOM (либо строки / столбцы в вашей таблице, либо по всем тегам img и т. Д.)

Оттуда это просто переназначение атрибута src.Примечание: когда вы меняете атрибут src элемента img, он может загружаться не сразу и может показаться неприятным, особенно при наведении курсора мыши или эффектах кнопок.(После начальной загрузки он может быть кэширован браузером и больше не будет заметен).

Рекомендуется предварительно загрузить такие изображения, например:

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

Тогда вы быустановите для атрибута src ссылки на узел значение myImg.src.

Answer 3

Я не знаю прототип, но есть CSS-селектор для атрибутов, который выглядит как

.img[title="some title"]

В jquery, где у вас есть шипение, которое можно использовать, не уверен насчет прототипа.