好了各位我需要你们的帮助。我在Stackoverflow上找到了一些代码(找不到那个链接),它们通过JS动态生成HTML代码。下面是代码:
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
标签的下面。我想在具有特定id="generate-here"
的空div
中生成该代码。
因此,输出将是:
<div id="generate-here">
<!-- Here is generated content -->
</div>
我知道我不能用"view source“来查看生成的内容。我只需要用#generate-here
在这个特定的地方生成内容。我是Javascript菜鸟,所以如果有人能重新整理这段代码,那就太好了。非常感谢!
附注:我知道如何使用Jquery来做到这一点,但在这种情况下,我需要原生的纯JavaScript。
https://stackoverflow.com/questions/11805251
复制相似问题