js修改页面元素的高宽
比如说<div>a的width宽度为400,a中有一个<div>b,b的width是100%。当页面加载后修改a的宽度为600,b的宽度却不会随着变化为600,怎么修改a...
比如说<div> a的width宽度为400,a中有一个<div> b,b的width是100%。当页面加载后修改a的宽度为600,b的宽度却不会随着变化为600,怎么修改a的宽高属性时使b随之变化
展开
1个回答
展开全部
这个肯定是一起变化的。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#aa{width:400px;}
#bb{width:100%;}
</style>
</head>
<body>
<div id="aa">
<div id="bb">#aa的宽为<span id="aaw">400</span><br>#bb的宽为<span id="bbw">0</span></div>
</div>
</body>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
<script>
$(function() {
function eleW() {
$("#aaw").text($("#aa").width()+"px");
$("#bbw").text($("#bb").width()+"px");
}
eleW();
$("#aa").width("800");
setTimeout(function() {eleW();},1000);
});
</script>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询