Присвоение исходного изображения создается динамически в JavaScript

Question

У меня есть эта функция:

//The img_src is a source of an image 
function myid_templates_editor_create_image(img_src, w, h){ 
    console.log('image source : ' + img_src); 
    var body = document.querySelector('body');   
    var image = document.createElement('image');  
    image.id = 'myid_templates_editor_image'; 
    image.src = img_src;     
    body.appendChild(image);  
} 

После того, как функция вызывается, она успешно создает элемент изображения и вставляет его в тело, но изображение не показывает. Зачем? img_src имеет следующее значение:

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAYAAAA+s9J6AAAACXBIW…AkBAAAJAQAkBAAAJAQAEBCAABAQgAACQEAAAkBoAr47wDsSs6PZMN9tgAAAABJRU5ErkJggg== 

Answer 1

использовать img вместо image в createElement

function myid_templates_editor_create_image(img_src, w, h){ 
    console.log(img_src); 
    var body = document.querySelector('body');   
    var image = document.createElement('img');  
    image.id = 'myid_templates_editor_image'; 
    image.src = img_src;     
    body.appendChild(image);  
}