`
hengxing2009
  • 浏览: 89722 次
  • 性别: 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元素坐标的方法,并通过实际代码示例展示了如何应用这些方法。这不仅包括了获取元素宽高和位置的常规方法,还包括了如何处理页面滚动的复杂情况。对于从事前端开发的程序员来说,这些...

    使用JS+CSS实现DIV层自适应高度和宽度

    在实现DIV层自适应高度和宽度时,我们需要使用JavaScript来动态地改变DIV层的高度和宽度。因此,我们需要了解一些基本的JavaScript知识点,例如变量的声明、函数的定义和调用、事件的监听等。 三、获取浏览器窗口的...

    jquery实现动态改变div宽度和高度

    本文将介绍如何使用jQuery来实现动态改变div的宽度和高度。jQuery作为一个快速、小巧、功能丰富的JavaScript库,极大地简化了对DOM的操作,使得修改元素尺寸变得非常简单。 首先,要实现动态改变div的尺寸,我们先...

    js获取div高度的代码

    在给定的标题和描述中,提到的是使用JavaScript获取一个具有id为"top"的`&lt;div&gt;`元素的高度。`&lt;div&gt;`是HTML中的一个常用容器元素,用于组合其他HTML元素,我们可以对其应用样式,如背景色、字体大小、内边距等。 `...

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

    本主题将深入探讨如何利用CSS和JavaScript实现蒙版的居中技术,并讲解如何使用JavaScript获取div的宽度和高度。 首先,让我们了解CSS中的居中技术。在CSS中,有多种方法可以实现元素的水平和垂直居中。以下是一些...

    JQ控制两DIV高度自动相等

    "JQ控制两DIV高度自动相等"这个话题就是关于如何使用JavaScript库jQuery来实现这一功能。这里我们将深入探讨如何实现这个效果,以及涉及到的相关知识点。 首先,我们有两个主要的HTML元素,即两个`div`,它们的初始...

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

    ### JavaScript 获取和设置 div 的高度和宽度以兼容各种浏览器 #### 概述 在Web开发过程中,经常需要处理不同浏览器间的兼容性问题。对于获取和设置`div`元素的高度和宽度,JavaScript提供了多种方法来确保跨...

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

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

    计算Web页面的高度并给div赋高度

    - 使用JavaScript获取屏幕和元素的尺寸信息后,通过计算得出目标`&lt;div&gt;`元素的理想高度,并使用`element.style.height`来设置这个高度。 #### 实现步骤详解 1. **获取屏幕尺寸** - 首先,通过`window.screen....

    Js Div属性大全

    9. clientHeight/Width:获取Div元素的内部高度和宽度,不包括边距、边框和滚动条。 10. clientLeft/Top:获取Div元素的左边缘和顶部与视口的距离,用于精确布局。 11. contentEditable:设置或获取Div元素是否...

    自适度div高度

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

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

    // 获取div1的高度 alert(div1.offsetWidth); // 获取div1的宽度 ``` 然而,在设置元素尺寸时,情况就变得稍微复杂一些。最直接的方法是直接修改元素的`style`属性。例如,要设置`div1`的高度和宽度为`div2`的尺寸...

    jQuery实现获取隐藏div高度的方法示例

    3. "获取div3高度:100" —— 即使`div3`被隐藏,我们仍然能获取到它的高度 这个示例展示了jQuery在处理隐藏元素时的强大之处。无论元素是否可见,只要其尺寸信息存在,`.height()`方法都能正确返回高度。这对于...

    div层高度可拖动demo

    在本“div层高度可拖动demo”中,开发者利用`div`来创建一个可交互的界面,使得用户可以通过鼠标拖动来调整`div`的高度,从而增强用户体验和互动性。这种功能在各种需要用户自定义界面尺寸的应用场景中非常常见,如...

    javascript浮动div,可拖拽div,遮罩层(div和iframe实现)

    - 通过 JavaScript 获取页面的宽度和高度 (`document.documentElement.clientWidth` 和 `document.documentElement.clientHeight`)。 - 使用 `setInterval` 函数定时更新 Div 的位置。 - 通过 `style.left` 和 `...

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

    本文将详细解析如何使用JavaScript来动态获取未知DIV的高度,并讨论在实现过程中可能会遇到的浏览器兼容性问题以及相应的解决方案。 首先,我们要了解JavaScript中与元素尺寸相关的几个主要属性:clientHeight、...

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

    在JavaScript(JS)中操作HTML元素,特别是对`div`这样的块级元素进行宽度和背景颜色设置,是前端开发中的基本操作。这篇文章将详细介绍如何使用原生JavaScript来完成这两个任务。 首先,我们要知道HTML `div`元素...

Global site tag (gtag.js) - Google Analytics