javascript - 将 Input Value 属性设置为带空格的变量。

Question

我正在尝试将输入按钮的值设置为字符串变量。即“校车指南”；但是当 HTML 加载时，只有第一个单词出现在按钮中。我的代码如下。谢谢您的帮助。

var title="A Guide to the School Bus";
var htmlString= "<div class="+title+ ">"+"<input type="+"button  "+"value="+title+"  onclick=loadBook()>"+"</div>";
$(htmlString).appendTo(attachPoint);

附加点是我使用以下内容获得的 HTML 中的引用。

var attachpoint=document.querySelector('.buttonAttachPoint');

Answer 1

问题是因为您没有在属性值周围加上引号。尝试这个：

var htmlString= '<div class="'+title+'"><input type="button" value="'+title+'"  onclick="loadBook()"></div>';

您可以转义"字符串中的所有内容，或者像我所做的那样，在'and之间切换"。"将显示为普通字符，'用于标记字符串的开始和结束。

顺便说一句，您可能不想将变量放在titletheclass上，div因为它将每个单独的单词添加为一个类，因此在您的示例中，div 将添加 6 个类。