javascript 插入一个 div

Question

javascript 如何实现 在id="aa"里的第三个< em > 后面， 插入一个< div >并class命名为“bb”。< em>不可以加id 和class名，因为已被别的程序占用了。

<span id="aa">
<em></em>
<em></em>
<em></em>
<em></em>
<em></em>
<em></em>
<em></em>
</span>




Answer 1

如果考虑子元素不仅仅全是em 的情况下&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;bb&nbsp;=&nbsp;document.createElement("div"); &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;aa&nbsp;=&nbsp;document.querySelector('#aa') &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;para&nbsp;=&nbsp;aa.querySelectorAll('em')[3]; &nbsp;&nbsp;&nbsp;&nbsp;bb.className&nbsp;=&nbsp;"bb" &nbsp;&nbsp;&nbsp;&nbsp;aa.insertBefore(bb,para);

Answer 2

&nbsp;<span&nbsp;id="aa"> <em></em> <em></em> <em></em> <em></em> <em></em> <em></em> <em></em> </span> <script&nbsp;type="text/javascript"> var&nbsp;span&nbsp;=&nbsp;document.getElementById("aa"); var&nbsp;div&nbsp;=&nbsp;document.createElement("div"); div.setAttribute("class",&nbsp;"bb"); var&nbsp;ems&nbsp;=&nbsp;document.getElementsByTagName("em"); span.insertBefore(div,&nbsp;ems[3]); </script>

Answer 3

var&nbsp;bb&nbsp;=&nbsp;document.createElement("div"); var&nbsp;aa&nbsp;=&nbsp;document.querySelector('#aa') var&nbsp;para&nbsp;=&nbsp;aa.children[3]; bb.className&nbsp;=&nbsp;"bb" aa.insertBefore(bb,para);