JS如何赋值给CSS???
<style>.aaa{width:500px;height:100px;border-bottom:50pxsolid#000;border-left:50pxsoli...
<style>
.aaa {
width: 500px;
height: 100px;
border-bottom: 50px solid #000;
border-left: 50px solid transparent;
}
</style>
<script type="text/javascript">
var len=100;
document.getElementById('aaa').style.width =len;
</script>
为什么JS没有覆盖CSS样式的宽度? 展开
.aaa {
width: 500px;
height: 100px;
border-bottom: 50px solid #000;
border-left: 50px solid transparent;
}
</style>
<script type="text/javascript">
var len=100;
document.getElementById('aaa').style.width =len;
</script>
为什么JS没有覆盖CSS样式的宽度? 展开
展开全部
要写在onload事件方法中。因为你这样写,会在DOM节点(aaa)还没加载的时候执行,找不到aaa所以就不能改变其宽度
<script type="text/javascript">
function load(){
document.getElementById('aaa').style.width =100;
}
</script>
</head>
<body onload="load()">
<div class="aaa" id="aaa"></div>
</body>
<script type="text/javascript">
function load(){
document.getElementById('aaa').style.width =100;
}
</script>
</head>
<body onload="load()">
<div class="aaa" id="aaa"></div>
</body>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
推荐使用jquery代码如下
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.aaa').css('width','100px');
});
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.aaa').css('width','100px');
});
</script>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你这个不是id属性是class属性好吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询