如何插入 <input> 里面的標簽 <div> 用javascript標記？

Question

我是javascript的新手。 我只想創建一個包含文本框和標簽的列表。

所以我創建了一個id為cstList的ul標簽 。

並在onclick事件上調用函數listData()

在里面我試圖在div標簽內創建一個輸入 標簽 。

但是在嘗試運行時遇到錯誤。

這是我的代碼：

function listData()
    {       
        //var a = sessionStorage.getItem('id');
        if(sessionStorage == null)
        {
            alert("Session storage not supported here");
        }
        else
        {
            var ss = sessionStorage.getItem('id');
            alert("storage value is: "+ss);
        }
    var rows = prompt('Please type in the number of required rows');
    var listCode = '';

    for (var i = 0; i < rows; i++) {
        var listID = 'list_' + i.toString();
        var divID = 'div_' + i.toString();      
            listCode += '<li id="' + listID + '" onclick="itemClicked(this.id);"><div id = "'+ divID + '"> <input type= 'text' id= 'boltQTY' name= 'boltQTY' value = 'abc' size="5"/> </div></li>';
    }
    document.getElementById('cstList').innerHTML = listCode;
    }

這是我收到錯誤的上述行： 意外的標識符

 listCode += '<li id="' + listID + '" onclick="itemClicked(this.id);"><div id = "'+ divID + '"> <input type= 'text' id= 'boltQTY' name= 'boltQTY' value = 'abc' size="5"/> </div></li>';

Answer 1

您正在使用單引號，這是打破字符串。

<input type= 'text' id= 'boltQTY' name= 'boltQTY' value = 'abc' size="5"/>

應該：

<input type= "text" id= "boltQTY" name= "boltQTY" value = "abc" size="5"/>

Answer 2

那必須是雙單單雙

listCode += "<li id='" + listID + "' onclick='itemClicked(this.id);'><div id = '"+ divID + "'> <input type='text' id='boltQTY' name='boltQTY' value='abc' size='5'/> </div></li>";

variable = "string" + var1 + "string=' " + var2 +"' ";

只需確保加號（+）在雙引號（“”）之間