我想写一个DIV,用JS控制这个DIV的高度,高度随range的变化而变化.

如题所述

你在range变化时要触发一个函数,aa()
function aa(){
//不知道你是怎么获取到range的高度的。

document.getElementById(“写divID”).style.height=这儿写你的range的高度。

}
温馨提示:内容为网友见解,仅供参考
第1个回答  2013-07-26
用JQuery可以这样写:
$(window).resize(function(){
$('#divId').height($('body').height());

});

没有用到JQuery的话:
window.resize = function() {
document.getElementById('divId').style.height = (document.body || document.documentElement).clientHeight;

}追问

range不是body、、

根据这个值来设定div的高度

第2个回答  2013-07-26
height:auto就好了,这个你应该会的追问

那么简单就好了、

追答

只要你里面的模块按标准化写就没有问题,或者你可以用document那个方法获取具体数值

第3个回答  2013-07-26
range是什么?追问

追答

没看懂你的意思,我猜是拖动滑动按钮改变数值,图中的1应该是倍数吧,如果是倍数JQ可以这样写:

$("div").height($(this).height()*range.value())//range.value()是range的值,这句应该写在range的事件里。

追问

    用js怎么写呢?、、

第4个回答  2013-07-26
就是一个滚动条控制DIV的高度呗,是这个意思么?

如何用jq或js控制一个div的高度随着另一个div的高度的变化而变化
<body><input type="button" id="btn" value="变大" \/><div style="width:100px; height:100px; border:1px solid #ccc; float:left;" id="div1"><\/div> <div id="div2"><\/div><\/body><script>var oBtn = document.getElementById('btn');var oDiv1 = document.getElementB...

div设置高度自适应?
css设置div高度自适应div默认就是自适应高度,随内容的高度增加,也可以使用样式:style.div{height:auto;}\/style来定义自适应 怎样让一个div高度自适应浏览器高度这个方法就大致分为两种吧,第一种,用CSS的方法 第二种,用JS方法 这里暂时只演示第一种,如果第二种,另外@我 示例代码如下:CSS代码...

有一个div高度会随着里面的内容增多增长 要求用jquery或者js实现当...
第一种:直接给div加个样式 <div id = 'show' style="overflow: auto;height: 40px;">属性参数 1.添加overflow 设置横纵都有滚动条,要加单一的可用overflow-x横向overflow-y纵向 2.overfow的值 visible为不显示 auto为超过显示滚动条,不超过不显示 scroll为总是显示 hidden为不显示超过对象尺寸...

js如何计算并赋予DIV高度
js里面提供了很多的方法,可以计算DIV的高度,以及也可以给DIV直接复制。如下是代码的实现:<body> <div style="width:100px; height:100px; background:#ccc;" id="div"><\/div><\/body><script> var oDiv = document.getElementById('div'); alert(oDiv.offsetHeight); \/\/这个就...

DIV CSS 如何让网页中的某DIV自动适应屏幕高度自己变如下图
1、首先创建或者打开我们的web项目,新建一个html文件和css文件即可,如图所示。2、html页面代码如图所示,定义一个div,然后给一个id属性即可。3、这里是使用宽度的百分比之后,设置高度值为零,然后使用padding属性的top或者bottom的值(可以是任意百分比),背景颜色作为测试。4、然后在浏览器运行之后的...

css怎么使一个div的高随另一个div的高的变化而变化,还有就是怎么使第...
右边的div高度你可以用一点js和jquery来控制,比如你用$("#divLeft").css("height")来获取左边的高度,然后把这个值设给右边就可以实现实时变化了,因为我知道你这个forum的话是左边可能变化比较大,然后右边要随着左边的变化来适应,当然float也要设置为left;(此处要保证你的左div和右div的宽度之和...

怎么才能让左边的div的高度随着右边div的高度变变化而变化,用css写
<div id="div1" style="width:300;height:auto;border-style: solid;float:left;padding:5"> <div id="div2" style="width:100;float:left;border-style: solid;"> 左边~~~<\/div> <div id="div3" style="width:180;height:auto;float:right;border-style: solid;">右边~~~这是标准...

JS怎么控制IFRAME高度自动适应内容而不出现滚动条
try{ var aHeight = iframe.contentWindow.document.body.scrollHeight;var bHeight = iframe.contentWindow.document.documentElement.scrollHeight;var height = Math.max(aHeight, bHeight);\/\/取最高值;iframe.height = height;}catch (e){} } <\/script> 在iframe中把height="XXX"不要 加入...

css怎么使一个div的高随另一个div的高的变化而变化,还有就是怎么使第...
这是大部分使用边侧菜单的网页常用的方法。要这么做,你的HTML代码只需要加上一个div,其它不变,修改如下:<div id="Layercontent"> \/* 加上这个div,把6 7 8 9 10div 包起来 *\/<div id="Layer6"><\/div> <div id="Layer7"> <div id="Layer8"><\/div> <div id="L...

如何通过js控制div中文本的上下移动
用document.getElementById(div1)获取到该div,然后操作它就行了,如果是文本上下移动你完全可以使用marquee标签啊

相似回答
大家正在搜