Как добавить div с JavaScript внутри

Question

Как добавить div с JavaScript внутри

0

у меня есть это

<div id="inprog_table">
</div>

Я попробовал это вставить

  var div = document.getElementById('inprog_table');
  div.innerHTML = div.innerHTML+
      "<div class='row'>
              <div class='col-xs-7'>
                 "+ $(".row.active .col-xs-7 p:first-child").text()+"  
              </div>
              <div class='col-xs-2'>
                  "+ $(".row.active .col-xs-7 p:last-child").text()+"
              </div>

              <div class='col-xs-2'>
                1
              </div>"

внутри inprog_table div. Я знаю, что это действительно неправильно, но я не знаю, как добавить все это.

Damathryx 20 окт. 2013, в 17:49

Источник

0

Я полагаю, вы можете попробовать шаблоны JS
Exception 20 окт. 2013, в 15:25

Теги:

javascript

jquery

html

innerhtml

append

4 ответа

0

Вы можете использовать:

.append() -

Пример: $ ("# div1"). Append (Элемент для добавления)

Или

.после()-

Пример: $ ("# div1") после (элемент для добавления)

Rohit Paul 20 окт. 2013, в 14:21

0

Используйте jQuery для этого. Чистый Javascript - это слишком много хлопот.

Здесь код в jQuery:

$('#inprog_table').html(
    '<div class="row">' +
        '<div class="col-xs-7">' +
            $(".row.active .col-xs-7 p:first-child").text() +  
        '</div>' +
        '<div class="col-xs-2">' +
            $(".row.active .col-xs-7 p:last-child").text() +
        '</div>' +
        '<div class="col-xs-2">1</div>' +
    '</div>'
);

Ilya Karnaukhov 20 окт. 2013, в 13:30

0

Спасибо за ответ, но это меняет содержимое div, а не добавляет.
Damathryx 20 окт. 2013, в 22:15
0

Затем вы используете append (), а не html ();)
Ilya Karnaukhov 21 окт. 2013, в 19:04

0

Использовать .append()

$('#inprog_table').append("<div class='row'><div class='col-xs-7'>" + $(".row.active .col-xs-7 p:first-child").text() + "</div><div class='col-xs-2'>" + $(".row.active .col-xs-7 p:last-child").text() + "</div><div class='col-xs-2'>1</div>");

Используйте .html()

$('#inprog_table').html(function (_, old_html) {
    return old_html + "<div class='row'><div class='col-xs-7'>" + $(".row.active .col-xs-7 p:first-child").text() + "</div><div class='col-xs-2'>" + $(".row.active .col-xs-7 p:last-child").text() + "</div><div class='col-xs-2'>1</div>"
});

Tushar Gupta 20 окт. 2013, в 12:35

Ещё вопросы

Я полагаю, вы можете попробовать шаблоны JS
Спасибо за ответ, но это меняет содержимое div, а не добавляет.
Затем вы используете append (), а не html ();)

Musa · Accepted Answer · 2013-10-20T14-13-00.000Z

Строковые литералы в JavaScript не могут распространяться на несколько строк, вам нужно будет сделать каждый конец строки на том же начальном этапе, который он запускал, или выйти из новой строки с помощью \

var div = $('#inprog_table');
div.append( "<div class='row'>"+
              "<div class='col-xs-7'>"+
                $(".row.active .col-xs-7 p:first-child").text() + 
              "</div>" +
              "<div class='col-xs-2'>" +
                $(".row.active .col-xs-7 p:last-child").text()+
              "</div>"+
              "<div class='col-xs-2'>1</div>"+
            "</div>");