使用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 + '">';