js获取元素高度获取的结果不一样，js获取dom元素高度

Js如何获取某Dom元素的宽高

1、js获取Html元素的实际宽度高度 第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。

2、得到指定dom的位置：$(#div).offset()得到dom的位置起始点 得到指定dom的宽高：$(#div).width()，$(#div).height()然后判断指定dom的位置是否在网页的显示区域内 步骤是这样的，代码就不写了。。

3、运用js获取div宽度，原生JS获取DIV的属性有两种方法，js 获取方法命令如下：currentStyle和getComputedStyle，前者是兼容IE端的，后者也兼容W3C，两者内核不同，所以就有两种兼容的写法。

4、你可以用document.body.scrollWidth 来获取，但兼容性本人没有做过测试。

相关问答

Q1: 在iPhone微信网页用JS第一次获取高度是960刷新之后是823

1、因为微信页面启动后会显示工具栏。占用部分高度。(document).on(WeixinJSBridgeReady， function () { window.WeixinJSBridge.call(hideToolbar)；//调用这句会隐藏工具栏。但是这个方法也需要时间。

2、通过window对象来得到窗口相关的内外款高度信息，如下：outerHeight属性设置或返回一个窗口的外部高度，包括所有界面元素（如工具栏/滚动条）。outerWidth属性设置或返回窗口的外部宽度，包括所有的界面元素（如工具栏/滚动）。

3、需求：由于iphonex及之后的机型底部有一根横线，导致tabbar比原来提升了一段高度。根据底部tabbar提升的高度，计算出页面需要在底部给整个tabbar留出的位置高度。

4、第一步：设置公众号的JS接口安全域名 第二步：引入js文件 第三步：获取签名：传入当前页面url（当前网页的URL，不包含#及其后面部分） 作为参数，请求后端接口获取签名。

5、在安卓手机的微信内置浏览器上滚动监听是正常的，但是在iPhone微信的内置浏览器上有时可以监听有时不能监听，这是什么原因？解决方案：出现这个原因是用HTML5写的网页，iPhone没有及时响应导致的，最好用jQuery mobile。

Q2: JS获取body的高度

1、.height()；//获取高度如果你想要匹配高度，那么，就是页面刚刚打开其实没有数据，是等页面打开，计算了屏幕高度之后，再根据每条数据的高度计算出条数，再利用ajax的异步传输去读取列表，然后用JS呈现在手机网页中的。

2、js里面提供了很多的方法，可以计算DIV的高度，以及也可以给DIV直接复制。

3、：可以使用定时器setInterval，每秒获取一次浏览器的宽和高。2：使用jQuery可以这样获取window的宽高。3：宽度 $(window)width() ，高度$(window).height()，自己写个函数，设定定时器的时间。

4、先把它display=block，然后再取高度，再display=none；如果最初DIV的display就是none的话，浏览器是不会渲染该对象的，换句话说，浏览器并没有解析里面的内容，所以浏览器自己也不知道该DIV的高.请采纳答案，支持我一下。

Q3: 前端父元素的height是auto,子元素怎么高度100%取不到高度怎么办呢?

1、还可以使用js动态获取父层元素的高度并设置父层元素固定的高度，或者设置子层元素的百分比高度。

2、这是因为里面这个table的上级元素也就是td并没有指定高度（尽管tr指定了400px的高度，但对td没用的，这就是为什么table现在已不再用于页面布局的原因），这样height的100%就缺少了参照物，所以无效。

3、父元素没有设定固定高度，于是子元素的高度height：100%也不会起作用。那么，如果想让一个元素的百分比高度： height：100%起作用，你需要给这个元素的所有父级元素的 高度都设定一个值。

4、父级没有设置高度，或者没有html，body{width：100%； height：100%；} html的高度是关键，只设置了body高度是100%也没有用的。还有一种情况要看定位。

5、百分比高度是根据父级高度算出来的，首先要html根设置了高度，下面的子元素才能根据跟元素的高度去算百分比。

Q4: 关于js获取元素实际高度的问题

1、什么时候需要获取图片真实的宽度和高度在做pc网页的时候，有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。

2、用clientHeight或offsetHeight。对于没有具体设置高度的元素，不能直接用height获取高度。clientHeight表示内容可见区域高度；offsetHeight不同浏览器数值不尽相同，除了clientHeight的高度外还包括边框等的高度。

3、style.height = maxHeight + px； rightCol.style.height = maxHeight + px；}上面的代码是取得3个div的高度，并判断高度最高的div高度值，让其余两个比较矮的div高度等于最高这个，自己琢磨下，很简单。

关于js获取元素高度获取的结果不一样和js获取dom元素高度的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。