[英]Creating nested tags using document.createElement
I want to create a nested tag using javascript createElement function like 我想用javascript createElement函数创建一个嵌套标签
<li><span class="toggle">Jan</span></li>
Can anyone give me an idea how to do it? 任何人都可以给我一个想法如何做到这一点?
The simplest way is with createElement()
and then set its innerHTML
: 最简单的方法是使用
createElement()
然后设置其innerHTML
:
var tag = document.createElement("li");
tag.innerHTML = '<span class="toggle">Jan</span>';
You can then add it to the document with .appendChild()
wherever you want it to go. 然后,您可以使用
.appendChild()
将其添加到文档中的任何位置。
var li = document.createElement('li');
var span = document.createElement('span');
span.className = 'toggle';
span.appendChild(document.createTextNode('Jan'));
li.appendChild(span);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.