javascript如何获取div的class中设置的宽高度

javascript如何获取div的class中设置的宽高度,第1张

javascript获取div的class中设置的宽高度

高度(offsetHeight):

<head><title>用js获取div的高度</title></head>

<style  type="text/css">

#box{border:1px solid #ff0000;width:200px; }

</style>

<script language="javascript">

function jj(){

var pp=documentgetElementById("box")offsetHeight;

alert(pp);

}

</script>

<body>

<div id="box">

<p>段落内容</p><p>段落内容</p>

<input type="button" onclick="jj();" value="click">

</div>

</body>

宽度(offsetWidth):

<head><title>用js获取div的高度</title></head>

<style  type="text/css">

#box{border:1px solid #ff0000;width:200px; }

</style>

<script language="javascript">

function jj(){

var pp=documentgetElementById("box")offsetWidth;

alert(pp);

}

</script>

<body>

<div id="box">

<p>段落内容</p><p>段落内容</p>

<input type="button" onclick="jj();" value="click">

</div>

</body>

<script>

windowonload = function(){

    //把屏幕宽度赋值给该元素

    documentgetElementById("float_banner")stylewidth = windowscreenwidth + 'px';

}

</script>

的却,在css代码页可以执行js代码,但是,不建议这样做

这种情况用CSS来控制最合适。例如你想让初始显示为100px100px,则:

<img src="images/picpng" width="100" height="100" />

或者:

<img src="images/picpng" style="width:100px; height:100px" />

当页面中非常多,且要求每张的大小依据其父容器来固定怎么办?可以使用max-weight:

img {max-weight:100%;}

这样会自动缩放到和其父容器等宽。

以上就是关于javascript如何获取div的class中设置的宽高度全部的内容,包括:javascript如何获取div的class中设置的宽高度、javascript 获取宽度,然后再css中使用的问题、用js设置图片宽度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9815462.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-02
下一篇2023-05-02

发表评论

登录后才能评论

评论列表(0条)

    保存