Question

我开始用html编写了所有显示代码，其中包含了非常具体的属性和内容，不幸的是，我显示的所有教程都显示模板仅显示给Jade。

我想用HTML和Javascript进行。

我将如何进行

＆＃13;

{{1}}

＆＃13;

HTML / JS中的

？

它是否比只有一个for循环将标签作为字符串推送时更复杂，因为它低于我从数据库中提取的x变量，或者我错过了什么？

在我学习的过程中，我想让我的摘要不高于Javascript，HTML，CSS，Node.js和Mongodb。

Answer 1

您可以完全通过JavaScript完成此操作。

首先简单地写一个

function call(n){

    //Accessing the ul element
    var main = document.getElementById("main");

    for(var i=0;i<n;i++){
        var child = document.createElement("li");

        //if you want to add data to your li
        child.innerHTML = i+1;

        //appending the child to the main ul
        main.appendChild(child);
    }

}

此处，'n'是您要生成的li的数量。

Here is a demo

Answer 2

您可以动态创建这样的元素。

https://jsfiddle.net/scheda/5p5nhdxh/

var thing = document.getElementById('thing');
var things = [1,2,3,4,5];

things.forEach(function(v) {
    thing.innerHTML += "<li>" + v  +"</li>";
});

如何像在Jade中一样在JS / HTML中创建动态循环？

2 个答案: