qq_34571911
2018-09-14 10:43
采纳率: 92.7%
浏览 543
已采纳

javascript 两个DIY一样的宽度。

用javascript 如何实现 当 "aa"的宽度发生变化时,“bb”的宽度也随之变化成一样的宽度。

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

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

2条回答 默认 最新

  • 已采纳

    aa,bb样式怎么写的,inline-block?

    aa内容改变导致的宽度改变还是什么?最好是在更改aa内容改变后或者aa宽度(aa.offsetWidth)设置bb的宽度(bb.style.width=aa.offsetWidth+'xp')

    如果你无法修改逻辑,就用计时器定时执行上面的设置bb宽度代码就行

    
    <style>.aa,.bb{background:#eee;margin-left:10px;display:inline-block}</style>
    <div class="aa">aaa</div>
    <div class="bb">bbb</div>
    <script>
        var aa = document.querySelector('.aa'), bb = document.querySelector('.bb');
        setInterval(function () { bb.style.width = aa.offsetWidth + 'px' }, 100)
    
        setInterval(function () {aa.innerHTML+='a' }, 1000);
    </script>
    
    
    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • _zming 2018-09-17 04:23

    如果要实现一个div宽度边框,另一个div也进行调整:那必须有个线程不停检测div1
    的宽度是否发生变化:
    如: var dw1 = 100;//div1的初始宽度
    setInterval(function() {
    if(div1.width != dw1) {//伪代码
    dw1 = div1.width;
    dw2.resize(dw1);
    }
    });

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题