我正在尝试将输入按钮的值设置为字符串variable.i.e“校车指南”;但是当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');
答案 0 :(得分:5)
问题是因为你没有在属性值周围加上引号。试试这个:
var htmlString= '<div class="'+title+'"><input type="button" value="'+title+'" onclick="loadBook()"></div>';
您可以转义字符串中的所有"
,或者像我一样,只需在'
和"
之间切换。 "
将显示为普通字符,'
用于标记字符串的开头和结尾。
作为一个侧面点,您可能不希望将变量title
作为class
放在div
上,因为它会将每个单独的单词添加为类,因此在您的例如,div将添加6个类。