Javascript 以HTML格式返回图像

正在尝试将图像添加到innerHTML

看了几张照片

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

Uncaught TypeError: Cannot set property 'innerHTML' of null

这一行：

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

var newImage=document.getElementById（'img'）.innerHTML=“”；

我的代码如下所示：

   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;

}

函数showImage（）{
var img=document.createElement（'image'）；
//var newImage=document.getElementById（'img'）.innerHTML=“”；
var newImage=document.getElementById（'img'）.innerHTML=“”；
var div5=document.createElement（'div'）；
第5部分：追加子项（新图像）；
返回div5.innerHTML；
}

我知道还有很多其他方法可以显示图像，但是为了本练习的目的，我想将图像作为innerHTML返回，请尝试以下方法：

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标记：

我怀疑您试图添加一个div并将图像作为内部html应用。您可以按如下方式修复此代码：

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

函数showImage（）{
var img=document.createElement（'div'）；
document.body.appendChild（img）
img.innerHTML=“”；
}

为什么要使用

document.getElementById（'img'）

？图像是这样的：

？@ekad:img标记没有任何内部html。他们是单身汉。它必须是

或什么的。另外，为什么要创建一个图像标签，然后再也不用它呢

img.src=“images/bg main.jpg”也可以。OP有一些严重的精神分裂症代码。从技术上讲，你也需要使用outerHTML来包含标签，但即使这样，我也不确定它是否会起作用。我发现可能是你的src路径有问题。我想你需要这样。注意路径开始处的反斜杠。没有精神问题，谢谢刚刚开始学习JS的家伙。加载一个fun我如何在同一时间添加错误事件