Javascript 如何基于div高度显示块文本

Javascript 如何基于div高度显示块文本,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试根据div高度显示文本块 应该是这样的: If (height >= 3000) { display #block2 } else { nothing } 到目前为止,我试过: $(函数(){ 变量$block1=$(“#block1”); $block1.html('Div样式设置为“height:3000px;”) .append(“Height(.Height()返回):“+$block1.Height()+”[仅高度]”) }); div{font size:

我正在尝试根据div高度显示文本块

应该是这样的:

If (height >= 3000) {
  display #block2
} else {
  nothing
}
到目前为止,我试过:

$(函数(){
变量$block1=$(“#block1”);
$block1.html('Div样式设置为“height:3000px;”)
.append(“Height(.Height()返回):“+$block1.Height()+”[仅高度]

”) });
div{font size:0.9em;}

示例文本(显示此块)

你就快到了-你有足够的高度,所以你只需要在if中显示你的div:

下面我在if语句中输入了您的高度,然后根据块1的高度显示块2。块2以隐藏css开始

var$block1=$('#block1'),
$block2=$(“#block2”);
如果($block1.height()>=3000){
$block2.show();//如果块1高度(不包括填充或边距)>=3000,则显示块2
}
div{font size:0.9em;}
#区块2{
显示:无;/*开始隐藏*/
}

示例文本(显示此块)

你能进一步澄清这个问题吗?
如果($block1.height()>3000)
我试图根据div高度显示文本块。
那么你想将div内部的div高度显示为文本吗?当高度改变时,文本应该改变吗?我不明白:)不要在block1元素上使用.html,它会覆盖block2,这就是为什么在执行if语句时它不会显示