javascript 两个DIY一样的宽度。 20C

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

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

-1

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>

0
showbo
支付宝加好友偷能量挖 回复qq_34571911: div原本就占用一行,所以和你的aa样式有关。如果没设置过就是直接浏览器宽度,你应该是想设置高度吧,这样内容不一样高度才会不一样。直接执行第一个setInterval里面的语句就行了,。 window.onload=function(){var aa = document.querySelector('.aa'), bb = document.querySelector('.bb');bb.style.width = aa.offsetWidth + 'px' ;bb.style.height= aa.offsetHeight + 'px' }
5 个月之前 回复
qq_34571911
qq_34571911 你好,我的意思是 假如div class="aaa" 里面有很多文字的话,这个div 宽度就会增大, 那么虽然div class="bbb"就算没有文字,也会随着aaa变宽而变宽。
5 个月之前 回复
caozhy
caozhy 正确,✔
5 个月之前 回复

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

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!

相似问题

2
javascript 两个DIY一样的宽度。
3
javascript语言怎么实现一个文本框从一个页面导入到另一个页面?
2
javascript怎么实现箭头的界面,不是实现箭头函数,而是桃宝那种状态箭头?
3
初学javascript 循环语句的写法。
4
如何利用javascript语言的ajax功能实现从后台调用前台的变量并且做出判断?
2
怎么javascript实现访问的网站自动添加到主页和收藏夹的功能不需要提示用户
3
javascript语言怎么能够对后台的数组型(非字符串)实现split一样的功能?
3
怎么利用javascript语言实现调用后台的一个语句里的一个变量并且显示的功能?
2
javascript怎么实现调用api的功能,api调用功能的语句的格式是怎么样的?
1
javascript怎么实现判断用户的计算机是否已经处于开机的状态了呢?如何判断状态?
2
请问怎么利用javascript实现电子计算机远程开机和关机的功能?定时开机怎么实现?
1
javascript 点击改变 class 名
2
javascript 点击改变 class 名
1
javascript多维数据数组的转换是怎么进行循环和判断的,怎么直接判断转换以后的字符串?
1
javascript怎么实现对onekey ghos的调用。而且需要制定分区的参数,怎么设置?
1
javascript语言怎么实现通过gho文件的下载、更换操作系统
1
javascript 当数字为空的时候 标签样式为display:none
1
简单javascript的问题请教,怎么利用javascrip这个工具实现表达式求值运算?
7
如何让头部加载的javascript ,取消加载
2
javascript怎么实现网站的判断的功能,拿到一个界面以后如何返回判断界面的做法?