js获取div的宽度，并将高度设置为宽度的60%
html是<imgid=picBoxsrc="1.jpg"/>JS这么写不管用。varwt=document.picBox.style.Width;varht=parse...
html是 <img id=picBox src="1.jpg"/>
JS这么写不管用。
var wt = document.picBox.style.Width;
var ht = parseInt(wt*0.66);
document.getElementById("picBox").style.height = ht+"px";
效果是JS先获取picBox的宽度（这个宽度是48%；一行2列的），然后定义高度=宽度x0.6 ；请大神帮忙
是一个自适应网页，因为里面每张图片大小不一样，宽度自适应还比较整齐，但高度就参差不齐了。现在是想用JS 统一重写高度。 展开
JS这么写不管用。
var wt = document.picBox.style.Width;
var ht = parseInt(wt*0.66);
document.getElementById("picBox").style.height = ht+"px";
效果是JS先获取picBox的宽度（这个宽度是48%；一行2列的），然后定义高度=宽度x0.6 ；请大神帮忙
是一个自适应网页，因为里面每张图片大小不一样，宽度自适应还比较整齐，但高度就参差不齐了。现在是想用JS 统一重写高度。 展开
2个回答
展开全部
var wt = document.getElementById("picBox").width;这样。
另外推荐用jQuery写。
追问
jQuery 怎样写呢？能帮忙写个实例吗？ 我这测试失败了。
img{width:100%}
追答
<img id=picBox src="https://gss0.bdstatic.com/70cFsj3f_gcX8t7mm9GUKT-xh_/zhidaoribao2014/bigpic/logo1-cdstm.png"/>
<script type="text/javascript">
//原生js
// var wt = document.all.picBox.width;
// var ht = parseInt(wt*0.66);
// document.all.picBox.width = wt;
// document.getElementById("picBox").height = ht;
//jQuery
var w=$('#picBox').width();
$('#picBox').attr('height',w*0.66);
$('#picBox').attr('width',w);
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script>
function t(){
var i=document.getElementById("div1").offsetHeight;
var u=i*0.2;
document.getElementById("div1").style.width=u+"px";
alert(document.getElementById("div1").offsetHeight);
}
</script>
<div id="div1" style="height:300px;width:200px; background:#0F9">http://www.itdos.com</div>
<input type="button" onclick="t()" value="222" />
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script>
function t(){
var i=document.getElementById("div1").offsetHeight;
var u=i*0.2;
document.getElementById("div1").style.width=u+"px";
alert(document.getElementById("div1").offsetHeight);
}
</script>
<div id="div1" style="height:300px;width:200px; background:#0F9">http://www.itdos.com</div>
<input type="button" onclick="t()" value="222" />
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
