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 Vue3 大型图片数据拖动排序
  • ¥15 划分vlan后不通了
  • ¥15 GDI处理通道视频时总是带有白色锯齿
  • ¥20 用雷电模拟器安装百达屋apk一直闪退
  • ¥15 算能科技20240506咨询（拒绝大模型回答）
  • ¥15 自适应 AR 模型 参数估计Matlab程序
  • ¥100 角动量包络面如何用MATLAB绘制
  • ¥15 merge函数占用内存过大
  • ¥15 使用EMD去噪处理RML2016数据集时候的原理
  • ¥15 神经网络预测均方误差很小 但是图像上看着差别太大