У меня есть html-таблица, и я назначил идентификатор одному из блоков td. Он содержит изображение. Как я могу, используя простой JavaScript, очистить изображение, которое сейчас находится в блоке td, и обновить его другим изображением.Обновление td-блока с помощью javascript
ответ
Вот некоторые JQuery сделать только что:
function updateImage(imageURL) {
$("#cellID img").attr("src", imageURL);
}
и чистый JS без JQuery:
function updateImage(imageURL) {
var tdElement = document.getElementById("cellID");
var imgElements = tdElement.getElementsByTagName("img");
var imgElement = imgElements[0];
imgElement.src = imageURL;
}
Или еще проще:
function updateImage(imageURL) {
(document.getElementById("cellID").getElementsByTagName("img")[0]).src = imageURL;
}
Обратите внимание, что это фактически не удаляет изображение и не добавляет другого; он просто переключает атрибут 'src' существующего элемента. Но эффект тот же, если только у вас не были обработчики событий или что-то в этом роде. – cHao
@cHao право. Я предположил, что «очистив изображение и обновив его», он имел в виду просто заменить его. –
Есть ли способ, чтобы сделать это? Я знаю, что jquery - это библиотека javascript, но могу ли я использовать стандартные js для этого? – user1154644
Пытались ли вы что-нибудь? – j08691