Javascript 如何根据数据或多或少隐藏或显示div下面的按钮

如果我在没有“If”条件的情况下运行代码，切换按钮工作得很好，但是如果数据较少，我希望切换按钮隐藏和/或如果数据较多，则显示切换按钮。我还想要一个最小的内容div高度为100px。请帮帮我。谢谢

var-elmnt=document.querySelector（“.backwhite”）；
var txt=elmnt.clientHeight+“px”；
如果（txt>=100+“px”）{
var mydivh=document.querySelector（“.backwhite”）；
mydivh.style.height=“100px”；
功能切换描述高度（e）{
document.querySelector（“.backwhite”）.classList.toggle（'expanded'）；
e、 target.textContent='Expand'？e.target.textContent='Collapse'：e.target.textContent='Expand'；
}
var按钮=document.querySelector（'.btn'）；
按钮。addEventListener（'click'，toggleDescriptionHeight）
}否则{
var myElements=document.querySelector（“.bbttnn”）；
myElements.style.display=“无”；
var myElement=document.querySelector（“.backwhite”）；
myElement.style.height=“100px”；
}

正文{
背景色：#f1f3f6；
}
.背景白{
背景色：#fff；
填充：15px；
溢出：隐藏；
}
.backwhite.expanded{
高度：自动；
}

描述
一,。创建电子邮件活动的用户界面

二,。创建电子邮件活动的功能

三,。使用拖放功能创建关键字显示

一,。创建电子邮件活动的用户界面

二,。创建电子邮件活动的功能

三,。使用拖放功能创建关键字显示

一,。创建电子邮件活动的用户界面

二,。创建电子邮件活动的功能

三,。使用拖放功能创建关键字显示。
-->
扩大

对相同的变量进行了多次重新定义，CSS被修改以处理所有高度定义，if语句被整理以删除“px”（这会干扰比较器的数学运算）

请注意，如果最小高度（在CSS中也是最好定义的）设置为100px，那么JS代码将无法隐藏按钮。因此，如果小于3，则有一个额外的子div计数来允许按钮隐藏

在下面的代码片段中，代码通常已被重新排列和注释

var elmnt=document.querySelector（“.backwhite”），
txt=elmnt.clientHeight，
按钮=document.querySelector（'.btn'）；
//elmnt只需要定义一次
功能切换描述高度（e）{
elmnt.classList.toggle（'expanded'）；
如果（e.target.textContent=='Expand'）{
e、 target.textContent='Collapse'；
}否则{
e、 target.textContent='Expand'；
}
}//此函数已移出if条件
如果（txt>=100&&elmnt.childrent.length>3）{//“txt>=100&&”可以走
按钮。addEventListener（'click'，toggleDescriptionHeight）；
}否则{
button.style.display=“无”；
}

正文{
背景色：#f1f3f6；
}
.背景白{
背景色：#fff；
填充：15px；
高度：100px；
/*此处定义的高度*/
/*最小高度：100px*/
溢出：隐藏；
}
/*请注意，如果最小高度为100，您将始终拥有该按钮*/
.扩大{
/*这应该在后面。背景白*/
高度：自动；
}

描述
一,。创建电子邮件活动的用户界面

二,。创建电子邮件活动的功能

三,。使用拖放功能创建关键字显示

一,。创建电子邮件活动的用户界面

二,。创建电子邮件活动的功能

三,。使用拖放功能创建关键字显示

一,。创建电子邮件活动的用户界面

二,。创建电子邮件活动的功能

三,。使用拖放功能创建关键字显示

扩大

你好，Sam0，您的代码非常有用，并且根据我的需要运行得非常好。谢谢@Sam0的帮助！！你好，山姆，你能再帮我一些吗？上次您解决了我的问题，但仍存在一些问题。上次您根据标签隐藏或显示了div内容。（txt>=100&&elmnt.childrent.length>3）但现在我想在这个div中添加一些图像。如果我“remove elmnt.childrent.length>3”，那么代码可以正常工作，但是如果我只放了一行，例如高度小于100的一行或两行，那么切换按钮就不会隐藏。请帮助我。谢谢。当然，但今天晚些时候我会在死线上确定，谢谢，先生，你可以试试你的

.backwhite

css

height

as

auto

或者用90而不是100吗？这是当前约束js条件txt高度检查的部分