使用innerHTML将值打印到输入标记

Question

我在将文本字符串打印到输入标记时遇到问题。

javascript：

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

生成的html如下所示：

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

是否有人对导致此问题的原因有任何建议？

Answer 1

value属性的值也应该用引号括起来（就像你使用type属性一样）：

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