`
hengxing2009
  • 浏览: 86265 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

js动态获取div高度

阅读更多
<input type="button" onclick="getDivHeight()" value="getHeight"/>

function getDivHeight(){
	var popObj = document.createElement("div");
	document.body.appendChild(popObj);
	popObj.innerHTML="<div style='width:200px;height:100px;'>你好啊</div>";
	alert("height:"+popObj.scrollHeight + "\n" + "width:"+popObj.scrollWidth);
}
分享到:
评论

相关推荐

    js获取div高度的代码

    不错的获取div高度的代码,主要是方便测试一些信息,用到了javascript的offsetHeight属性

    自适度div高度

    自适度div高度,js获取元素位置和窗口高度,自动适应,也可以使用在父框是iframe,有完整的js实例

    javascript获取设置div的高度和宽度兼容任何浏览器.docx

    javascript获取设置div的高度和宽度兼容任何浏览器.docx

    JQ控制两DIV高度自动相等

    由于项目需要,手写一个能够使两个DIV高度自适应相等 类似好123的左右大框 (因为本人CSS样式不是很好,边线省略1像素)

    火狐在用offsetHeight获取div的高度时为0的解决方法

    火狐在需要获取div的高度时,往往需要用到offsetHeight,有时会碰到offsetHeight获取到为0的现象, 在使用IE或者火狐中,特别在目前div+css的方式,往往不定义div的高度,这是在添加div内容后,需要获取div的高度时...

    CSS+JS 蒙板居中技术,居中技术,使用JS获取div的宽度高度?

    NULL 博文链接:https://fengshayage.iteye.com/blog/868360

    JS获取一个未知DIV高度的方法

    本文实例讲述了JS获取一个未知DIV高度的方法。分享给大家供大家参考,具体如下: 通过元素的clientHeight属性能够得到元素的高度,如: var height = element.clientHeight; 这种做法的局限: 1. 如果元素的display...

    javascript获取设置div的高度和宽度兼容任何浏览器

    Javascript如何获取和设置div的高度和宽度,并且兼容任何浏览器,感兴趣的朋友不妨看看下面的代码或许有意想不到的收获

    Js Div属性大全

    1.js 控制 DIV  2.js通过标签对DIV操作. ...clientHeight 获取对象的高度,不计算任何边距、边框、滚动条或可能应用到该对象的补白。 clientLeft 获取 offsetLeft 属性和客户区域的实际左边之间的距离。

    原生js div设置宽度_div设置背景颜色代码

    原生js div设置宽度_div设置背景颜色代码

    js实现兼容IE6与IE7的DIV高度

    代码如下:&lt;body onload=”setHeight()”&gt; [removed] function setHeight() { var PageHeight=$(“oPage”).scrollHeight var MaxHeight=507 if(PageHeight&gt;MaxHeight) { $(“oPageMain”).style.height=$(...

    基于jQuery实现滚动刷新效果

    Jquery实现简单的滚动刷新效果: 实际情况使用Ajax获取后台数据更新前端页面即可实现页面滚动刷新效果 ... &lt;form id="form1" runat=...//$(document).scrollTop() 获取垂直滚动的距离:最小值为0,最大值:文档高度-

    javascript获取隐藏元素(display:none)的高度和宽度的方法

    js获取可见元素的尺寸还是比较方便的,这个可以直接使用这个方法: 代码如下:function getDefaultStyle(obj,attribute){ // 返回最终样式函数,兼容IE和DOM,设置参数:元素对象、样式特性 return obj.currentStyle...

    解决Vue中mounted钩子函数获取节点高度出错问题

    问题是当我在mounted钩子函数中获取offsetTop的时候,在新开的页签中打开页面,会得到错误的offsetTop,但是在当前页面刷新,就不会有问题。 定位问题 后来查到问题,就是加载的问题,新窗口打开图片,默认是没有带...

    js获取Html元素的实际宽度高度的方法

    这中情况通过#div1.style.width拿不到宽度,而通过#div1.offsetWidth才可以获取到宽度。 第二种情况就是宽和高是写在行内中,比如style=”width:120px;”,这中情况通过上述2个方法都能拿到宽度。 小结,因为id....

    详解CSS3原生支持div铺满浏览器的方法

    以前为了达到这样的等高效果,一般通过js来获取当前浏览器高度然后动态设置div的height,有时候还需要不断地检测浏览器resize事件来不断调整div的height。 其实CSS自带的两个单位vw与vh就能支持与浏览器等高等宽的...

    JavaScript中获取高度和宽度函数总结

     &lt;div class=”father” id=”father”&gt;  这是父元素,屏幕分辨率是1366*768  &lt;div class=”son” id=”son”&gt;  这是子元素,祝大家国庆快乐  &lt;div class=”grandson” id=”grandson”&gt;  这是孙子元素,祝...

Global site tag (gtag.js) - Google Analytics