用javascript 如何实现 当 "aa"的宽度发生变化时,“bb”的宽度也随之变化成一样的宽度。
<div class="aa"></div>
<div class="bb"></div>
用javascript 如何实现 当 "aa"的宽度发生变化时,“bb”的宽度也随之变化成一样的宽度。
<div class="aa"></div>
<div class="bb"></div>
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>