DOM создать объект прямо из его HTML-кода

Question

в моем проекте я хранящийся в переменном (htmlG) HTML-коде, как это:

<img src="http://mygrtew.imm.com/graph?&o=f&c=1&y=q&b=ffffff&n=666666&w=450&h=250&r=1m&u=www.test.com" width="450" height="250"/> 

и я хотел бы, чтобы вставить динамически в DIV, который я создаю с DOM это изображение напрямую

var htmlG = response.testg; 
    var divAgraph = createElement('div', 'divAgraph', 'divAgraphcss'); 
    var oImgG = createElement('img'); 
    oImgG.setAttribute('src',htmlG); 
    divAgraph.appendChild(oImgG); 

но не удается, возможно, потому что в var htmlG в начале есть правильный?

Как можно заразить мой img этими параметрами?

заранее спасибо

Answer 1

Надеются, что это помогает:

var htmlG = response.testg; 
var divAgraph = document.createElement('div'); 
divAgraph.innerHTML = htmlG 

Я предполагаю, что вы работаете в среде, которая обеспечивает DOM. (Node.js не делает)

Answer 2

Вы пытаетесь установить в srcатрибут вашего <img> элемента

oImgG.setAttribute('src',htmlG); 

пока htmlG не содержит содержимое атрибута SRC, но полный HTML IMG элемент, а также ,

Так вместо того, чтобы ваш текущий

var htmlG = '<img src="http://mygrtew.imm.com/graph?&o=f&c=1&y=q&b=ffffff&n=666666&w=450&h=250&r=1m&u=www.test.com" width="450" height="250"/>'; 
oImgG.setAttribute('src', htmlG); 

вы, вероятно, хотите

var htmlG = 'http://mygrtew.imm.com/graph?&o=f&c=1&y=q&b=ffffff&n=666666&w=450&h=250&r=1m&u=www.test.com'; 
oImgG.setAttribute('src', htmlG); 

Если вы хотите установить атрибуты ширину и высоту, а также, вы должны позвонить setAttribute для этих двух отдельно ,

---

Если вы должны работать с весь HTML код для элемента - как Разыменование response.testg предлагает, вы можете использовать innerHTML, чтобы установить содержание вашего дел - и не называйте setAttribute вообще.

divAgraph.innerHTML = htmlG