<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>JS获取DIV动态高度,并赋值到其style样式中</title>

</head>

<script type="text/javascript">

function $(id){

return document.getElementById(id)

}

function getHeight() {

alert($("hidden").offsetHeight + "px");

$("pinglun").style.height=$("hidden").offsetHeight + "px";

}

window.onload = function() {

getHeight();

}

</script>

<style>

#hidden { width:100px; background:#99CC00; height:400px; float:left}

#pinglun { width:500px; height:auto; background:#FFCCCC; float:left; margin-left:5px;}

</style>

<body>

<div id="hidden">hidden</div>

<div id="pinglun" >评论数据载入中……</div>

</body>

</html>

转载于:https://blog.51cto.com/ciscowu/1540872

JS获取DIV动态高度,并赋值到其style样式中相关推荐

  1. html div 动态赋值,JS获取DIV动态高度,并赋值到其style样式中

    JS获取DIV动态高度,并赋值到其style样式中 function $(id){ return document.getElementById(id) } function getHeight() ...

  2. js获取div元素高度和宽度的方法

    前端web页面中,js可以很方便的获取div元素的高度和宽度,那么这篇文章就说一说原生JS与JQ如何快速的获取DIV元素的高度和宽度的方法. js获取div元素高度与宽度的方法 js获取div元素的高 ...

  3. js获取div的高度

    // 设置左栏的粘滞定位var left=document.getElementById("left-bar");alert(window.getComputedStyle(lef ...

  4. JS获取div高度的方法

    有时在写页面时,需要获取一个div的高度.怎么才能获取呢?哈哈,先上结论.有两种方法. offsetHeight .clientHeight getComputedStyle offsetHeight ...

  5. html中js隐藏div的高度,js如何获取div(ul li)元素的宽度和高度(包括width/height和CSS的宽度和高度)...

    某些时候需要知道元素div(或 ul li)的宽度或高度,大多情况下可以用js取元素div的width或height属性获得,但有时候这个方法不一定奏效,把div的宽度或高度定义在CSS样式中,这个方 ...

  6. 在html上js添加宽度,js 获取div高度并重新设置div高度与宽度

    js 获取div高度并重新设置div高度与宽度 js 获取div高度并重新设置div高度与宽度 var $=function(id) { return document.getElementById( ...

  7. js获取window窗口高度(页面滚动条可滚动高度) - 代码篇

    js中获取窗口高度的方法 取窗口滚动条滚动高度 (如下文 · 截图) 一. javascript 和 jquery代码: //原生 javascript 代码: let scrollHeight = ...

  8. js获取DIV的位置坐标的三种方法!

    js获取DIV的位置坐标的三种方法! 方法一: var odiv=document.getElementById('divid'); alert(odiv.getBoundingClientRect( ...

  9. 原生js获取html元素高度,原生JS获取元素宽高实践详解

    开篇的话 任何不是亲身实践中求得的知识,都不是属于你的. 任何求得的知识不去时常温习运用,也不是属于你的. 记录由来 在做个上拉广告功能中遇到了一个"理所当然"觉得对的用法,慢慢才 ...

最新文章

  1. python librosa 或 ffmpeg 改变音频采样率
  2. oracle查询保留2位小数
  3. 50兆 svg 文件超过_中山兆驰产业园项目开工,预计竣工投产时间为…
  4. [密码学] 杂凑函数
  5. XML Schema简介
  6. sqlserver、oracle数据库排序空值null问题解决办法
  7. visual studio报错:error C4996: ‘scanf‘
  8. BizTalk 10034 错误
  9. ant design pro模板_分享10 个开源免费且优秀的后台管理系统模板
  10. 计算机中那些事儿(七):近期拆计算机小感
  11. C/C++文件字符串处理
  12. Android WebView无法播放视频或直播,关闭界面后任在播放的问题;
  13. Matlab中数组的常见用法
  14. 每日一个机器学习算法——机器学习实践
  15. 开发工具篇——常用开发工具分享
  16. AI资源对接需求汇总: 第4期
  17. jdk卸载,提示Windows Installer安装包有问题,此程序所需要的dll不能运行
  18. 前端性能优化的七种方法
  19. 相濡以沫,何能相忘于江湖
  20. 如何通过手机进行设备巡检记录?

热门文章

  1. 前端:注册校验页面(html+css+javascript)
  2. MIT 心拍类型注释
  3. Android音频子系统(十五)------Audio调试经验
  4. tv电视焦点(遥控器)操作笔记jq
  5. 天津市建筑物矢量数据(Shp格式+带高度)
  6. 国外数据下载(阿里云+七牛云)
  7. excel表格拆分为多个工作表的操作方法
  8. 在iPhone/iPad端运行DebianLinux系统【iSH-AOK】
  9. 西瓜书(周志华):什么是版本空间以及如何求取版本空间
  10. 淘东电商项目(68) -互联网安全架构设计(黑名单拦截及MD5加签)