使用JavaScript插入HTML元素
使用JavaScript插入HTML元素
提问于 2009-05-02 09:57:59
在使用以下语法时，不必繁琐地搜索每种类型的属性和事件的解决方法：
elem = document.createElement("div");
elem.id = 'myID';
elem.innerHTML = ' my Text '
document.body.insertBefore(elem,document.body.childNodes[0]);有没有一种方法可以将整个HTML元素声明为一个字符串？像这样：
elem = document.createElement("<div id='myID'> my Text </div>");
document.body.insertBefore(elem,document.body.childNodes[0]);回答 3
Stack Overflow用户
发布于 2012-01-26 22:01:08
你想要这个吗
document.body.insertAdjacentHTML( 'afterbegin', '<div id="myID">...</div>' );Stack Overflow用户
发布于 2011-09-17 19:54:52
据我所知，公平地说，这是相当新的和有限的，该技术唯一的潜在问题是，您被阻止动态创建一些表元素。
我使用表单作为模板，将“模板”元素添加到一个隐藏的DIV中，然后使用cloneNode(true)创建一个克隆，并根据需要添加它。请记住，您确实需要确保根据需要重新分配id，以防止重复。
Stack Overflow用户
发布于 2012-09-25 08:28:47
如果您想在现有页面标记内插入HTML代码，请使用Jnerator。这个工具是专门为实现这个目标而创建的。
而不是编写下一段代码
var htmlCode = '<ul class=\'menu-countries\'><li
class=\'item\'><img src=\'au.png\'></img><span>Australia </span></li><li
class=\'item\'><img src=\'br.png\'> </img><span>Brazil</span></li><li
class=\'item\'> <img src=\'ca.png\'></img><span>Canada</span></li></ul>';
var element = document.getElementById('myTag');
element.innerHTML = htmlCode;你可以写出更容易理解的结构
var jtag = $j.ul({
class: 'menu-countries',
child: [
$j.li({ class: 'item', child: [
$j.img({ src: 'au.png' }),
$j.span({ child: 'Australia' })
]}),
$j.li({ class: 'item', child: [
$j.img({ src: 'br.png' }),
$j.span({ child: 'Brazil' })
]}),
$j.li({ class: 'item', child: [
$j.img({ src: 'ca.png' }),
$j.span({ child: 'Canada' })
]})
]
});
var htmlCode = jtag.html();
var element = document.getElementById('myTag');
element.innerHTML = htmlCode;页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/814564
复制相关文章
相似问题