image - Jscript 图像标签创建给出错误

Question

function pushImage () {
    var img = new Image();
    img.src = '/waroot/chart/chart.png';
    document.getElementById("test1").innerHTML = "<img src='/waroot/chart/chart.png'>";
    document.getElementById("test2").innerHTML = img;
}

测试 1 工作并显示图像，但测试 2 没有。我不知道如何解决它，但我需要测试 2 在我的项目中进一步工作的方式，因为我将不得不遍历大量图像。

图像由创建JFreeCharts，保存到png然后必须发布到站点。作为一个附带问题：是否可以将 freecharts 对象直接推送到jscript而不是必须事先保存它们（我可以将它们放入字典然后稍后查找它们，但我不确定这是否有效）

Answer 1

使用.appendChild(img)代替.innerHTML：

function pushImage () {
    var img = new Image();
    img.src = '/waroot/chart/chart.png';
    document.getElementById("test1").innerHTML = "<img src='/waroot/chart/chart.png'>";
    document.getElementById("test2").appendChild(img);
}

演示

这是因为img它是一个图像对象，而不是一个 html 字符串，所以你必须将它附加到 DOM。

PS，别忘了标签里的alt属性是必须的！img