用javascript更新td块

Update td block with javascript

本文关键字：td 更新 javascript      更新时间：2023-09-26

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

这里有一些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;
}
相关文章：