javascript - 使用 javascript 更新 td 块

Question

我有一个 html 表，并且我已经为其中一个 td 块分配了一个 ID。它包含一个图像。如何使用纯 JavaScript 清除当前位于 td 块中的图像，并用另一个图像更新它。

Answer 1

这里有一些 jQuery 可以做到这一点：

function updateImage(imageURL) {
    $("#cellID img").attr("src", imageURL);
}

而没有 jQuery 的纯 JS：

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;
}