將輸入值屬性設置為帶空格的變量。

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>';

您可以轉義字符串中的所有" ，或者像我所做的那樣，僅在'和"之間切換。 "將顯示為常規字符，而'用於標記字符串的開始和結束。

附帶一提，您可能不想將變量title作為class放在div上，因為它將每個單獨的單詞添加為一個類，因此在您的示例中div將添加6個類。