JS怎么获取div(高度和宽度都已设置百分比,继承父级)的height并应用于该div的line-height;

JS怎么获取div(高度和宽度都已设置百分比,继承父级)的height并应用于该div的line-height;,第1张

给div设置一个id或者class:

html部分:

<div id="mydiv"></div>

js部分:

<script>

//获取mydiv

var mydiv=documentgetElementById("mydiv");

//获取#mydiv的高度

var divheight=mydivstyleheight;

//设置mydiv行高

mydivstylelineHeight=divheight;

</script>

你怎么知道我有答案?昨天是回答了,结果无缘无故被弊,再试试吧

注意因为百度知道这几天的高亮显示不正常,下面代码中前面的空格都是全角,你复制粘贴之后自己用编辑器查找/替换全部吧。

<style type="text/css">

#div {

    width: 100%;

    background: url("bgjpg") no-repeat;

    background-size: 100% auto;

    border: 1px solid #f00;

}

</style>

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>

以上就是关于JS怎么获取div(高度和宽度都已设置百分比,继承父级)的height并应用于该div的line-height;全部的内容,包括:JS怎么获取div(高度和宽度都已设置百分比,继承父级)的height并应用于该div的line-height;、js获取背景图片宽高比后根据浏览器宽度动态赋值div.style.height、javascript如何获取div的class中设置的宽高度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存