Хорошо, люди, мне нужна ваша помощь. Я нашел код здесь в Stackoverflow (не могу найти эту ссылку), который генерирует HTML-код динамически через JS. Вот код:
function create(htmlStr) {
var frag = document.createDocumentFragment(),
temp = document.createElement('div');
temp.innerHTML = htmlStr;
while (temp.firstChild) {
frag.appendChild(temp.firstChild);
}
return frag;
}
var fragment = create('<div class="someclass"><a href="www.example.com"><p>some text</p></a></div>');
document.body.insertBefore(fragment, document.body.childNodes[0]);
Этот код работает просто отлично! Но сгенерированный код появляется в верхней части страницы, прямо под тегом body
. Я хотел бы сгенерировать этот код внутри пустого div
с конкретным id="generate-here"
.
Итак, вывод будет:
<div id="generate-here">
<!-- Here is generated content -->
</div>
Я знаю, что не могу увидеть сгенерированный контент с помощью "просмотра исходного кода". Мне нужно только генерировать этот контент только в этом конкретном месте с помощью #generate-here
. Я Javascript Noob, так что если кто-то может просто изменить этот код, который будет идеальным. Большое спасибо!
PS Я знаю, как это сделать с помощью Jquery, но мне нужен собственный и чистый JavaScript в этом случае.