javascript 两个DIY一样的宽度。

Question

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

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

Answer 1

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>