2013-06-21 6 views
-1

У меня есть html-таблица, и я назначил идентификатор одному из блоков td. Он содержит изображение. Как я могу, используя простой JavaScript, очистить изображение, которое сейчас находится в блоке td, и обновить его другим изображением.Обновление td-блока с помощью javascript

+0

Пытались ли вы что-нибудь? – j08691

ответ

2

Вот некоторые 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; 
} 
+0

Обратите внимание, что это фактически не удаляет изображение и не добавляет другого; он просто переключает атрибут 'src' существующего элемента. Но эффект тот же, если только у вас не были обработчики событий или что-то в этом роде. – cHao

+0

@cHao право. Я предположил, что «очистив изображение и обновив его», он имел в виду просто заменить его. –

+0

Есть ли способ, чтобы сделать это? Я знаю, что jquery - это библиотека javascript, но могу ли я использовать стандартные js для этого? – user1154644