利用JS来改变div的高度

var contextBlockHeight = document.getElementById(‘contextBlock‘).clientHeight;
if ( contextBlockHeight > 430) {
    contextBlockHeight = contextBlockHeight + 50;
    document.getElementById(‘middleContextBlock‘).style.height = contextBlockHeight + "px";
}

<div id="contextBlock" class="mTop5 contextArea fontSize13">

</div>

时间： 2024-07-28 13:38:05

利用JS来改变div的高度的相关文章

js动态改变iframe的高度

js动态改变iframe的高度的写法〈iframe id="docDetail" width="100%" height="200" frameborder="0" src="a.htm"〉〈/iframe〉而a.html不是固定大小的,这个时候嵌套的iframe就会出现滚动条. 通过js获取iframe的高度,然后动态的改变,这样就不会出现滚动条. 方式一:在jsp的body里增加onload方法

利用JS做到隐藏div和显示div

div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白 style="visibility: none;" document.getElementById("typediv1").style.visibility="hidden";//隐藏 document.getElementById("typediv1").style.visibility="visible";//显示通过设置

用JS来控制 div的高度随浏览器变化而变化

<div id="test" style=" border: solid 1px #f00; "></div> <script type="text/javascript"> <!-- //作者:凌陈亮www.lingchenliang.com(QQ:57404811) autodivheight(); function autodivheight(){ //函数:获取尺寸 //获取浏览器窗口高度 var

利用Js/Jquery实现div的隐藏与显示(注意释放与不释放空间)

JS隐藏和显示div的方式有两种:方式1:隐藏后释放占用的页面空间通过设置display属性可以使div隐藏后释放占用的页面空间. style="display: none;" document.getElementById("demo").style.display="none";//隐藏 document.getElementById("demo").style.display="";//显示方式2:

js怎样改变div的宽度

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

js改变div高度

用bootsrap响应式布局的时候,遇到个很恶心的问题:左边栏很短很难看!! 于是,想用js来自动改变左边的高度,没成功!!原来是设置的时候,没加单位,坑爹了. 参考:http://blog.sina.com.cn/s/blog_3d8c704c0101145y.html 设置高度的时候,加上px <script> function load(){ var height = window.innerHeight; document.getElementById("sidebarOut

利用修改div的位置+js对象存储div信息实现简单的div自定义布局功能

利用修改div的位置+js对象存储div信息实现简单的div自定义布局功能1.在界面上添加几个checkbox和一个接收动态添加div的容器 <div> 功能区域 <br /> <input id="1" type="checkbox" value="新闻" name="11" />新闻 <input id="2" type="checkbox"

js 获取div 图片高度

使用jquery获取网页中图片的高度其实很简单,有两种常用的方法都可以打到我们的目的 $("img").whith();(返回纯数字) $("img").css("width");(返回字符串:数字+"px") 但是有时候会遇到返回0的情况,上面方法返回值竟然是0或者0px,很让人诧异 jquery有以下两种常用的jquery事件加载的方法 $(function(){}); window.onload=function(){}

浅谈移动端的自适应问题——响应式、rem/em、利用Js动态实现移动端自适应

随着3G的普及,越来越多的人使用手机上网.移动设备正超过桌面设备,成为访问互联网的最常见终端.于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?本篇文章将讲述自适应网页设计的概念和方法,使网页开发人员维护同一个网页代码,即可使网站在多种设备上具有更好的阅读体验.本文详细介绍了自适应网页的实现方法,希望能给迷惑的你带来帮助. 一. 在HTML的头部加入meta标签在HTML的头部,也就是head标签中增加meta标签,告诉浏览器网页宽度等于设备屏幕宽度,且不进行缩放,