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

Ответ 1

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

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

Ответ 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>");

Ответ 3

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

Ответ 4

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

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

Ответ 5

document.getElementById('mydiv'). innerHTML = 'whatever';

Ответ 6

Это действительно двусмысленный запрос. Существует много способов сделать это.

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

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

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'));