在javascript中动态创建id

时间:2017-11-07 18:30:15

标签: javascript html

我需要在Javascript中循环 - 当你点击按钮时,它会添加ol tu ul并给出带有数字的id,如下所示:

<ol id="single-task1"></ol>
<ol id="single-task2></ol>

等等......

当我尝试像这样的回路:

taskNumber = 0;

        for (var i; i<999; i++){
            taskNumber++;
        }

        var ol = document.createElement('ol'); //creating element ol
        taskValue = textField.value; //getting value from user
        taskList.appendChild(ol); //add ol to ul
        ol.id = 'single-task-'+taskNumber;
        ol.innerHTML = taskValue; //add value from user to new ol

所有ol元素仍然具有&#34; single-task-0&#34; ...可能循环错误或循环错误。

1 个答案:

答案 0 :(得分:1)

您的ii = 0变量令人困惑。在循环中初始化taskNumber并使用它。在循环中完成所有工作。您不需要@route