вставлять / удалять содержимое HTML между тегами div

Question

как мне вставить HTML-код между <div id="mydiv">...</div>, используя javascript?

Пример: <div id="mydiv"><span class="prego">Something</span></div> это около 10 строк HTML большинства. спасибо

Answer 1

Если вы заменяете содержимое div и у вас есть HTML в виде строки, вы можете использовать следующее:

document.getElementById('mydiv').innerHTML = '<span class="prego">Something</span>';

Answer 2

Простой способ сделать это с помощью ванильного JavaScript - использовать appendChild.

var mydiv = document.getElementById("mydiv");
var mycontent = document.createElement("p");
mycontent.appendChild(document.createTextNode("This is a paragraph"));
mydiv.appendChild(mycontent);

Или вы можете использовать innerHTML, как уже упоминали другие.

Или, если вы хотите использовать jQuery, приведенный выше пример можно записать так:

$("#mydiv").append("<p>This is a paragraph</p>");

Answer 3

// Build it using this variable
var content = "<span class='prego'>....content....</span>"; 
// Insert using this:
document.getElementById('mydiv').innerHTML = content;

Answer 4

Это действительно своего рода неоднозначный запрос. Есть много способов, которыми это может быть достигнуто.

document.getElementById('mydiv').innerHTML = '<span class="prego">Something</span>';

Это самое простое 1005 *. ИЛИ;

var spn = document.createElement('span');
spn.innerHTML = 'Something';
spn.className = 'prego';
document.getElementById('mydiv').appendChild(spn);

Для обоих этих методов предпочтительнее использовать библиотеку Javascript, которая создает ярлыки для таких простых вещей, как mootools. (http://mootools.net)

С mootools эта задача будет выглядеть так:

new Element('span', {'html': 'Something','class':'prego'}).inject($('mydiv'));

Answer 5

document.getElementById ('mydiv'). InnerHTML = 'what';

Answer 6

 document.getElementById("mydiv").innerHTML = "<span class='prego'>Something</span>";

Должен сделать это. Если вы хотите использовать jQuery, это может быть проще.