javascript - 使用 Javascript 连接字符串以组合新的 DOM 元素时，它只采用第一个空格分隔值

Question

我有以下代码

var aVar = "sample text";
alert(aVar);
$(this).replaceWith( "<input type='text' value=" + aVar + " id='laID' style='width: 100px; padding-right:20px; color:white;'/>");

警告消息框返回预期值:“sample text”。但是，生成的 DOM 元素具有以下值:“sample”。现在，如果我按照以下方式尝试它:

$(this).replaceWith( "<input type='text' value='sample text' id='laID' style='width: 100px; padding-right:20px; color:white;'/>");

不幸的是，我别无选择，只能从变量中读取值，我不能对其进行硬编码。希望有人可以指导我!谢谢

Answer 1

改变:

value=" + aVar + " id='

收件人:

value='" + aVar + "' id='

属性应该被引用。