Javascript：图像不随createElement一起显示

Question

我尝试使用以下代码段将图像显示在<td class="body_content">标记中：

// Select td body_content tag
var elementBodyContent = document.getElementsByClassName('body_content')[0];

// Create image of simulation                                                            
imageElement = document.createElement('img');                                            
imageElement.className = 'center';                                                       
imageElement.setAttribute('height', '300px');                                            
imageElement.setAttribute('width', '300px');                                             
elementBodyContent.appendChild(imageElement);  

但是不显示图片"Image_Init_Scene.png"。

有人可以看到错误：您可以在the following link上看到HTML页面，在this link上看到Javascript代码

提前致谢

Answer 1

这不是你如何动态地将图像插入到html页面中。这是

的方式

var img = new Image();
img.className = 'center';
img.width = 300;
img.height = 300;
img.src = '127.0.0.1/images/stinky_toe.png';
img.onload = function() {
    document.body.appendChild(img);
};