javascript - 如何使用相同的 createElement 变量多次使用 appendChild

Question

我正在尝试做到这一点，以便当我在最新的输入中输入一些内容时，会创建一个新的，但它只适用于一个

$(document).ready(function() {
    $( function() {
        $("#list").draggable();
    });
    var count = 1;
    var timer = 0;
    var input = document.createElement("input");
    input.type = "text";

    init();
    function init() {
        loop();
    }
    function loop() {

        requestAnimFrame(function() {
            loop();
        });
        update();
        render();

    }

    function update() {
        console.log(count);
        if(document.getElementById(count).value == "") {

        } else {
            count += 1;
        }
        var  = div.cloneNode(true);
        document.getElementById("list").appendChild(input);
    }
    function render() {
        input.id = count;
        input.name = count;
    }
});
window.requestAnimFrame = (function() {
    return window.requestAnimationFrame ||
    window.oRequestAnimationFrame ||
    window.webkitRequestAnimationFrame ||
    window.mozRequestAnimationFrame ||
    function( callback ) {
        window.setTimeout(callback, 1000/60);
    }
})();

这就是javascript。

Answer 1

https://jsfiddle.net/gb2ayz8w/1/

看看这个，它可能有助于克隆您的元素。

$(document).ready(function() {

    var count = 1;
    var timer = 0;
    var input = $("<input></input>", {
        'type':'text',
      'class':'form-control',
      'value':'1',
      'id':'count'
    });


    for(var i=1;i!=11;i++) {
        input.val(count++);
        $("#list").append(input.clone());
    }

});