var winHeight=$(window).height();这句话是获取屏幕高度，请问我怎样应用到具体某个div里呢？

发布网友 发布时间：2022-04-20 18:14

我来回答

共15个回答

热心网友 时间：2022-04-20 19:43

$(window)是jquery 对象， 加.height()  也是就是获取窗口高度

同理，如果你想获取某个div的高度可以使用

var divHeight = $("div").height();
/*或者*/
var divHeight = $("div")[0].offsetHeight;

$("div")是jquery对象，$("div")[0] 或者 $("div").get(0)是dom对象

但是在开发中会有很多坑  这点你得注意

如果 当前的 元素是 隐藏状态 display ： none  

那你是无法通过上述方法和获取宽高的  ，所以在开发中如果没有获取到宽高，就要留意上面的代码在执行的时候 该元素是不是在隐藏状态

如果你想把 屏幕的高度 赋值给div  

$("div").height(winHeight)
// 或者
$("div")[0].offsetHeight = winHeight

热心网友 时间：2022-04-20 21:01

把window改成某个div的id就行

$("#id").height();
id就是某个div的id

2.补充：

热心网友 时间：2022-04-20 22:36

不知你的应用到div里是什么意思。我理解的有两种可能：

1。获取具体某个div的高度，假定该div class 为 a

同题干中的代码，直接获取

var divHeight = $('.a').height()

2。是将屏幕高度值赋给具体某个div

还是假定div的class为a

$('.a').height(winHeight)

热心网友 时间：2022-04-21 00:27

我没用过jquery，但我知道用js怎么做。

比如要获取<div id="test"></div>的高度，就这样：

var e = document.querySelector("div#test");
var h = window.getComputedStyle(e).height;

PS：其他的回答都不对，无法获取浮动高度元素的高度值。

比如一个div本身没有设置高度，它的高度是被子元素撑开的。那么这时你必须使用window.getComputedStyle来获取浏览器计算渲染后的高度。

热心网友 时间：2022-04-21 02:35

如果你需要设置div高度为屏幕高度，只需将div的样式height设为100%即可；如果你要将div设在固定屏幕的位置，使用固定定位也可以。

热心网友 时间：2022-04-21 05:00

$('.div1').css({height:winHeight});

热心网友 时间：2022-04-21 07:41

应该这样具体应用到某个div

例如要改变他的宽高
使用JQuery的话可以这样写
var winHeight=$(window).height();
$('div').css('height',winHeight+'px');
这样div的高度就是屏幕的高度
原生Javascript的话可以这样写
document.getElementById('div的id').style.height=winHeight+'px'

热心网友 时间：2022-04-21 10:39

1、你要实现怎么样的效果，是设置具体某个div的高度为获取到的屏幕高度么
2、如果是，你只需要将获取到的屏幕高度赋值给该div的高，如下
var height = winHeight;
$('#div').height(height);

热心网友 时间：2022-04-21 13:54

建议你这样试试看：

$("#div").height(300)//假设你有一个div，id是div，设置高度300。

注意事项：如果是class的话，是“.”加上class，例如：

<div class="div"></div>
<script>
//$("#div").height(300)//错误
//$("div").height(300)//错误
$(".div").height(300
</script>

热心网友 时间：2022-04-21 17:25

var divHeight = $("div[name='XXX']").height();

或者根据ID直接取

热心网友 时间：2022-04-21 21:13

<div id="mydiv" class="divclass"><div>;
var divHeight=$("div#mydiv").height();//用id选择器选择div
var divHeight=$("div.mydiv").height();//用类选择器选择div

第一行是个div示例:有ID和class;

第二行是按ID获取div的高度;

第三行是按class获取div的高度

热心网友 时间：2022-04-22 01:18

直接$("#divID").height就可以了

热心网友 时间：2022-04-22 05:39

方法如下：

<script>
$("div:eq(0)").height(winHeight)
</script>

$("div:eq(0)")这是jq的选择器，您应该是知道的吧。eq（0）代表的就是选择的div集合的第一个div标签。

热心网友 时间：2022-04-22 10:17

用jq的height方法，或者css方法
假设你要应用的div的id为div1

$('#div1').height(winHeight)
或者
$('#div1').css({
"height":winHeight+"px"
})

热心网友 时间：2022-04-22 15:12

是jq？不怎么熟悉jq，应该把window换成你要确定的div