js获取不到高度，js获取dom元素高度

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

js如何获取div高度js获取div高度auto

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

2、var oDiv = document.getElementById(div)； alert(oDiv.offsetHeight)； //这个就是获取DIV的高度 oDiv.style.height = oDiv.offsetHeight + 100 + px； //这个就是直接给DIV的高度赋值。

3、js判断div高度。显示超出固定高度的滚动条，只需设置overflowY= document.getelementbyid(卷轴)，style.overflowY= 获取div的高度。如果得不到，可以用下面的方法。

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

5、在 JS获取div高度的方法中，整理了几个有关于获取div高度的方法，后来又遇到一个问题，怎么获取DIV在页面中的绝对位置，因此在这篇笔记中记录一下。

相关问答

Q1: js获取div的height第一次总是0

在使用中js获取不到高度，有时会碰到offsetHeight获取到为0的现象js获取不到高度，但如果js获取不到高度你用各种JS调试工具调试，又能在对象中看到值（如果直接指向offsetHeight是没值的，但如果是对象查看是有值的，在调试器中回车查看对象就已经刷新对象了，所以有值。

没有加载完成，当然是取不到值。应判断图片加载是否完成，用load事件。

maincol.style.height=maxheightpx leftcol.style.height=maxheightpx rightcol.style.height=maxheightpx }上面的代码是获取3个DIV的高度，判断最高DIV的高度值，使另外两个较短DIV的高度等于最高的DIV。

Q2: js怎么判断高度js怎么判断高度和宽度

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

document.getElementsByTagName 返回的是一个数组，所以 list 是一个数组，list 就没有 style 属性。

（美国） 39*0.3514=65 65*4=16Q 15Q就可以了 textview中每个文字的高度和宽度，有办法获取吗 webview.getContentHeight()；获取内容高度获取内容宽度的话。

//给你一个比较灵活的，可自由控制jQuery(window).load(function () {jQuery(.div1 img).each(function () {//div1下的img宽度、高度设置DrawImage(this， 700， 470)；//宽700，高470，自己改为相同即可。

Q3: js元素没设置height,就无法读取高度吗

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

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

4、offsetWidth属性：此属性可以获取元素的宽度，宽度值包括：元素内容+内边距+边框。不包括外边距和滚动条部分。返回值是一个整数，单位是像素。此属性是只读的。

Q4: js加载进去的图获取不到高度,为什么

1、iframe里面加载的页面跟本页面的加载完成时间是不一定的，所以你这里直接取，可能iframe的页面还没加载完。

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

3、假如在页面有一个img标签：编写代码：var img = document.getElementById(test_img)；alert(img.offsetWidth+，+img.offsetHeight)；打印出来就是图片的宽度和高度。你可以试一下，Chrome绝对可以。

Q5: 在控制台能拿到页面的高度,在js里面得不到怎么回事

iframe里面加载的页面跟本页面的加载完成时间是不一定的，所以你这里直接取，可能iframe的页面还没加载完。

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

。JavaScript的事件处理是所有浏览器端程序的基本功。当目标元素的事件被触发时，比如按钮点击、鼠标移动或者表单提交，这些事件可以触发相应的方法。当然，在这个过程中，我们可以通过一些参数来定义过去的很多东西。