使用javascript实例化新元素类

如何使用javascript实例化现有的div元素？假设我有：

    <div class="container">
    <div class="myclass">TROLL FACE</div>
    </div>

巨魔脸

我想使用javascript在“container”类中创建尽可能多的“myclass”元素。我该怎么做

请帮忙，谢谢。

var container=$（'.container'）；
var container = $('.container');
for (var i = 0; i < 5; i++) {
    container.append('<div class="myclass">TROLL FACE</div>');
}

对于（变量i=0；i<5；i++）{
container.append（'TROLL FACE'）；
}

您可以使用该方法。

var-container=$（'.container'）；
对于（变量i=0；i<5；i++）{
container.append（'TROLL FACE'）；
}

---

您可以使用该方法。

带或不带JQuery：

for (var i = 0; i < howMany; ++i) {
    // pure js
    var div = document.createElement('div')
    div.classList.add('myclass')
    somePlace.appendChild(div)

    // jquery
    $("<div></div>").addClass('myclass').appendTo(somePlace)
}

for（变量i=0；i

带或不带JQuery：

for (var i = 0; i < howMany; ++i) {
    // pure js
    var div = document.createElement('div')
    div.classList.add('myclass')
    somePlace.appendChild(div)

    // jquery
    $("<div></div>").addClass('myclass').appendTo(somePlace)
}

for（变量i=0；i

您可能需要该方法

var ele=$（'.myclass'）；
对于（变量i=0；i<5；i++）{
ele.clone（）.appendTo（'.container'）；
}

您可能需要该方法

var ele=$（'.myclass'）；
对于（变量i=0；i<5；i++）{
ele.clone（）.appendTo（'.container'）；
}

试试这个

<div class="container">
    <div class="myclass">TROLL FACE</div>
</div>

var $container = $('.container');
var $myclass = $('.container').html();

var mycount ; // Your count

for(var i =0;i< mycount ; i++){
   $container.append($myclass)
}

巨魔脸
var$container=$（'.container'）；
var$myclass=$（'.container'）.html（）；
var mycount；//你的伯爵
对于（变量i=0；i

试试这个

<div class="container">
    <div class="myclass">TROLL FACE</div>
</div>

var $container = $('.container');
var $myclass = $('.container').html();

var mycount ; // Your count

for(var i =0;i< mycount ; i++){
   $container.append($myclass)
}

巨魔脸
var$container=$（'.container'）；
var$myclass=$（'.container'）.html（）；
var mycount；//你的伯爵
对于（变量i=0；i

嗨，你试过这个代码吗？我不知道，但它对我不起作用。@user1577161添加了演示，请检查它。嗨，你试过这个代码吗？我不知道，但它对我不起作用。@user1577161添加了演示，请检查。是的，当然我已经尝试过了。它工作得非常好。这里有一个现场演示：谢谢，由于某种原因，当我把它放在头上的脚本标签上时，它就不起作用了。我必须把它放在一个外部js上，因为我正在使用一个。这段代码似乎需要jQuery框架。我建议您使用JS框架，因为它可以为您处理许多交叉浏览器问题。如果您想要一个没有jQuery的解决方案，请编辑您的问题是的，当然我已经尝试过了。它工作得非常好。这里有一个现场演示：谢谢，由于某种原因，当我把它放在头上的脚本标签上时，它就不起作用了。我必须把它放在一个外部js上，因为我正在使用一个。这段代码似乎需要jQuery框架。我建议您使用JS框架，因为它可以为您处理许多交叉浏览器问题。如果您想要一个没有jQuery的解决方案，请编辑您的问题