以 HTML 形式返回图像

return image as HTML

本文关键字：返回 图像 HTML      更新时间：2023-09-26

试图将图像添加到我的内部HTML中。

看了几个前问为什么当我使用 Javascript innerHTML 调用它时，我的图像没有显示？

Javascripts innerHTML 不适用于图像，但适用于文本？

我无法让它工作，在谷歌开发工具中抛出错误：

Uncaught TypeError: Cannot set property 'innerHTML' of null

用这一行：

var newImage = document.getElementById('img').innerHTML = "<img src='images/bg-main.png></img>";

我的代码如下所示：

   function showImage() {
    var img = document.createElement('image');
    //var newImage = document.getElementById('img').innerHTML = "<a href='#'><img src='http://mintywhite.com/wp-content/uploads/2012/10/fond-ecran-wallpaper-image-arriere-plan-hd-29-HD.jpg' border=0/></a>";
    var newImage = document.getElementById('img').innerHTML = "<img src='images/bg-main.png></img>";
    var div5 = document.createElement('div');
    div5.appendChild(newImage);
    return div5.innerHTML;
}

我知道还有许多其他方法可以显示图像，但出于本练习的目的，我想将图像作为内部 HTML 返回

试试这个：

var img = document.createElement("img");
img.setAttribute('src', 'http://www.domain.com/imgSrc');
var div5 = document.createElement('div');
div5.appendChild(newImage);

document.createElement('image')创建一个新的HTML标签： <image>我怀疑您正在尝试添加div 并将图像应用为内部 html。 您可以像下面这样修复此代码：

function showImage() {
    var img = document.createElement('div');
    document.body.appendChild(img)
    img.innerHTML = "<img src='images/bg-main.png></img>";
}
相关文章：