qq_34571911
qq_34571911
采纳率58.3%
2018-09-15 02:33 阅读 748

javascript 插入一个 div

40

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条回答 默认 最新

  • 已采纳
    qq_29594393 当作看不见 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);
    
    点赞 1 评论 复制链接分享
  • caozhy 从今以后生命中的每一秒都属于我爱的人 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>
    
    点赞 1 评论 复制链接分享
  • caozhy 从今以后生命中的每一秒都属于我爱的人 2018-09-15 03:02

    图片说明

    点赞 1 评论 复制链接分享
  • qq_29594393 当作看不见 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);
    
    点赞 评论 复制链接分享