div元素上不存在append

Question

這是我的代碼

for (i = 0 ; i< number ; i++){
    var iDiv = document.createElement('div');
    iDiv.append("<label for=\"timeslot\" class=\"p-label-required\">Time Slot</label>")
    iDiv.append("<label class=\"input-group p-has-icon p-custom-arrow\">")
    iDiv.append("<select id=\"timeslot\" name=\"timeslot\" required=\"required\" class=\"form-control\">")
    iDiv.append("<option class=\"p-select-default\" value=\"\">Select value</option>")
    iDiv.append("<option value=\"1\">1</option>")
    iDiv.append("<option value=\"2\">2</option>")
    iDiv.append("<option value=\"3\">3</option>")
    iDiv.append("<option value=\"4\">4</option>")
    iDiv.append("<option value=\"5\">5</option>")
    iDiv.append("<option value=\"6\">6</option>")
    iDiv.append("<option value=\"7\">7</option>")
    iDiv.append("<option value=\"8\">8</option>")
    iDiv.append("<option value=\"9\">9</option>")
    iDiv.append("<option value=\"10\">10</option>")
    iDiv.append("<option value=\"11\">11</option>")
    iDiv.append("<option value=\"12\">12</option>")
    iDiv.append("</select>")
    $("#numberOfTablesDiv").appendChild(iDiv);
}

我得到這個錯誤

Uncaught TypeError: iDiv.append is not a function

Answer 1

示例：iDiv.appendChild（）; append函數不是jQuery的javascript。 對不起，我是土耳其人，不會說英語

Answer 2

append不是函數，有appendChild，但是它用於附加HTML元素，因此您應該嘗試iDiv.innerHTML + = [要添加的內容]。