qq_34571911 2018-09-15 11:37 采纳率: 80%
浏览 537
已采纳

javascript 插入的div错位

这段代码是想用javascript把< div“bb"> 插入到id="aa"模块里面的第二个< em>里面的,但是失效了? 既然跑到< body>的第二个em里的,错误在哪里?

 <style>
.bb{float:left;width:100%;height:30px;background:#f90;}
#aa{float:left;width:300px;height:900px;border:1px solid #f60;}
#aa em{float:left;width:200px;height:50px;border:1px solid #f60;margin:10px 0;}
</style>

<body>
<em></em>  <em></em>

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

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

</body>
<script type="text/javascript">
var span = document.getElementById("aa");
var bb = document.querySelector('.bb');
var ems = document.getElementsByTagName("em");
ems[1].appendChild(bb);
</script>
  • 写回答

2条回答 默认 最新

  • threenewbee 2018-09-15 12:05
    关注
     <style>
    .bb{float:left;width:100%;height:30px;background:#f90;}
    #aa{float:left;width:300px;height:900px;border:1px solid #f60;}
    #aa em{float:left;width:200px;height:50px;border:1px solid #f60;margin:10px 0;}
    </style>
    
    <body>
    <em></em>  <em></em>
    
    <div class="bb"></div>
    
    <span id="aa">
    <em></em>
    <em></em>
    <em></em>
    </span>
    
    </body>
    <script type="text/javascript">
    var span = document.getElementById("aa");
    var bbs = document.getElementsByTagName("div");
    var ems = document.getElementsByTagName("em");
    var j = 0;
    for (var i = 0; i < ems.length; i++)
    {
    if (ems[i].parentNode == span) j++;
    if (j == 2)
    { 
    for (var k = 0; k < bbs.length; k++) 
      if (bbs[k].getAttribute("class") == "bb")
        ems[i].appendChild(bbs[k]);
    break;
    }
    }
    </script>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 matlab图像高斯低通滤波
  • ¥15 针对曲面部件的制孔路径规划,大家有什么思路吗
  • ¥15 钢筋实图交点识别,机器视觉代码
  • ¥15 如何在Linux系统中,但是在window系统上idea里面可以正常运行?(相关搜索:jar包)
  • ¥50 400g qsfp 光模块iphy方案
  • ¥15 两块ADC0804用proteus仿真时,出现异常
  • ¥15 关于风控系统,如何去选择
  • ¥15 这款软件是什么?需要能满足我的需求
  • ¥15 SpringSecurityOauth2登陆前后request不一致
  • ¥15 禅道二次开发编辑版本,上传不了发行包