javascript 插入div 到em里

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

<div class="bb"></div>

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

完整代码，保存为 1.html，让浏览器执行

 <div class="bb"></div>

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

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

应该是发重复了的, 没有撤销问题的选项

没看出这个问题和 https://ask.csdn.net/questions/700112 的有什么区别。
看我之前的回答，如果有不符合要求的，你下面评论了我来修改。