使用innerHTML打印值以输入标签

Question

I'm having a problem with printing a text string to a input tag.

The javascript:

imgDiv.innerHTML += "<input type='text' value=" + text[i].firstChild.data + ">";

The generated html looks like this:

<input type="text" fjäril="" svart="" och="" orange="" value="En">

Does anyone have a suggestion on what is causing this problem?

Answer 1

value属性的值也应该用引号引起来（如对type属性的处理一样）：

imgDiv.innerHTML += '<input type="text" value="' + text[i].firstChild.data + '">';