js中如何获取元素的高度

太过爱你忘了你带给我的痛 2022-07-16 13:10 518阅读 0赞

方法一：使用jquery      $("\#id").height();

方法二：使用dom

document.getElementById("id").style.height   (需要这样设置才能获取到高度，<div id="idName" style="height:300px;">)

document.getElementById("id").offsetHeight

document.getElementById("id").clientHeight

方法三：window.getComputedStyle(document.getElementById("id")).height;

(具体内容参考：[http://www.zhangxinxu.com/wordpress/2012/05/getcomputedstyle-js-getpropertyvalue-currentstyle/][http_www.zhangxinxu.com_wordpress_2012_05_getcomputedstyle-js-getpropertyvalue-currentstyle])

getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象(\[object CSSStyleDeclaration\])，只读。

语法如下：  
var style = window.getComputedStyle("元素", "伪类");  
例如：  
var dom = document.getElementById("test"),  
var style = window.getComputedStyle(dom , ":after");  
就两个参数，大家都懂中文的，没什么好说的。只是额外提示下：Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1) 之前，第二个参数“伪类”是必需的（如果不是伪类，设置为null），不过现在嘛，不是必需参数了。

[http_www.zhangxinxu.com_wordpress_2012_05_getcomputedstyle-js-getpropertyvalue-currentstyle]: http://www.zhangxinxu.com/wordpress/2012/05/getcomputedstyle-js-getpropertyvalue-currentstyle/

发表评论取消回复

表情：

评论列表（有 0 条评论，518人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS--获取元素的高度与宽度

原文网址：[JS--获取元素的高度与宽度\_IT利刃出鞘的博客-CSDN博客][JS--_IT_-CSDN] 简介说明本文介绍如何使用JavaScript获取HT

港控/mmm°/ 2024年03月30日 12:24/ 0 赞/ 63 阅读

相关 vue如何获取一个元素的高度

Vue 中获取一个元素的高度可以使用 JavaScript 原生方法或者 Vue 内置的 $refs。 1. 使用 JavaScript 原生方法：可以在 mounte

喜欢ヅ旅行/ 2023年09月25日 16:03/ 0 赞/ 114 阅读

相关 Js公共函数------获取目标元素的高度height

废话不多说，直接上代码 / getElementHeight @description 获得目标元素height @p

朴灿烈づ我的快乐病毒、/ 2022年11月20日 03:56/ 0 赞/ 159 阅读

相关 html的元素高度如何计算,如何检索HTML元素的实际宽度和高度？

以防万一它是有用的人，我把一个文本框，按钮和DIV都具有相同的CSS ： width:200px; height:20px; border:solid 1px \000;

港控/mmm°/ 2022年10月10日 11:20/ 0 赞/ 163 阅读

相关 js中如何获取元素的高度

方法一：使用jquery $("\id").height(); 方法二：使用dom document.getElementById("id").style.

太过爱你忘了你带给我的痛/ 2022年07月16日 13:10/ 0 赞/ 519 阅读

相关 JS获取两个元素高度并且设定两个元素高度一致

function equityHeight(id1, id2) { if (/\d/.exec(id2)[0] > indexElement) {

心已赠人/ 2022年06月13日 05:54/ 0 赞/ 618 阅读

相关 js获取浏览器高度宽度

/\\ \计算客户端高度 \\/ function getWinHeight() \{ if (window.innerHeight) \{ r

系统管理员/ 2022年04月18日 03:38/ 0 赞/ 306 阅读

相关 React componentDidMount 中获取元素高度是准确的吗？

React componentDidMount 中获取高度是准确的吗？ \`答案肯定是有准确的时候也有不准确的时候啊\` 使用ref钩子在componentD

古城微笑少年丶/ 2022年03月21日 08:58/ 0 赞/ 221 阅读

相关 vue获取dom元素高度的方法

获取高度： <div ref="自定义名称" > </div> 要在钩子mounted里面dom结构生成后去获取dom的高度，宽度，修改样式

男娘i/ 2021年09月30日 11:02/ 0 赞/ 1962 阅读

相关 Vue.js动态获取浏览器高度、宽度并进行实时修改DOM元素高度

> 需求：项目中有高度、宽度自适应需求，需要适应不同分辨率的高度及宽度，在不同分辨率下效果区别不会很大 html代码如下： <template>

た入场券/ 2021年07月26日 13:46/ 0 赞/ 1086 阅读