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

js获取div的高度

    博客分类：
  • php
javascript 
阅读更多

<style type="text/css"> 
<!-- 
#top { 
color: #FFFFFF; 
background-color: #FF0000; 
text-align: left; 
text-indent: 24px; 
width: 780px; 
line-height: 24px; 
font-size: 12px; 
padding-right: 10px; 
padding-left: 10px; 
} 
--> 
</style> 
</head> 
<body> 
<div id="top"> 
<p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> 
<p>白斑病白斑病白斑病白斑病白斑病吧</p> 
<p>草草草草草草草草草草</p> 
</div> 
<script type="text/javascript"> 
window.onload = function(){ 
alert(document.getElementById("top").offsetHeight); 
} 
</script> 

分享到：
| 26个PHP开发框架
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js获取div高度的代码

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

    js实现获取div坐标的方法

    总结来说，本文提供了获取div元素坐标的方法，并通过实际代码示例展示了如何应用这些方法。这不仅包括了获取元素宽高和位置的常规方法，还包括了如何处理页面滚动的复杂情况。对于从事前端开发的程序员来说，这些...

    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提供了多种方法来确保跨...

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

    我们了解了CSS基础知识、JavaScript基础知识、获取浏览器窗口的高度、实现DIV层自适应高度、实现DIV层自适应宽度和监听窗口resize事件等知识点。这些知识点将帮助我们更好地实现网页的自适应设计。

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

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

    自适度div高度

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

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

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

    Js Div属性大全

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

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

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

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

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

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

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

    div层高度可拖动demo

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

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

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

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

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

    通过JS自动调整图片的大小以适应div的高和宽

    这段JS代码首先获取div容器和图片元素的当前宽度和高度，然后根据图片的自然宽高比（`naturalWidth`和`naturalHeight`属性）计算出合适的尺寸。如果图片的高度超过了容器高度，就反过来调整宽度，确保图片始终适应...

Magicbox
Global site tag (gtag.js) - Google Analytics