qq_34571911
2018-09-15 02:33
采纳率: 92.7%
浏览 762
已采纳

javascript 插入一个 div

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>

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • 当作看不见 2018-09-15 02:56
    已采纳

    如果考虑子元素不仅仅全是em 的情况下

         var bb = document.createElement("div");
        var aa = document.querySelector('#aa')
        var para = aa.querySelectorAll('em')[3];
        bb.className = "bb"
        aa.insertBefore(bb,para);
    
    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • 当作看不见 2018-09-15 02:51
    var bb = document.createElement("div");
    var aa = document.querySelector('#aa')
    var para = aa.children[3];
    bb.className = "bb"
    aa.insertBefore(bb,para);
    
    评论
    解决 无用
    打赏 举报
  • threenewbee 2018-09-15 03:01
     <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>
    
    评论
    解决 无用
    打赏 举报
  • threenewbee 2018-09-15 03:02

    图片说明

    评论
    解决 无用
    打赏 举报