Javascript &引用；阅读更多“；HTML自动隐藏/显示中的按钮

请看一下脚本：

document.querySelector（“#b1”）.addEventListener（'click'，function（）{
document.querySelector（'#c1'）。style.height='auto'；
this.style.display='none'；
});
document.querySelector（'#b2'）。addEventListener（'click'，function（）{
document.querySelector（'#c2'）。style.height='auto'；
this.style.display='none'；
});
正文{
字体：14px verdana；
}
#c1{
溢出：隐藏；
身高：5.6em；
线高：1.2米；
宽度：100%；
}
#c2{
溢出：隐藏；
身高：5.6em；
线高：1.2米；
宽度：100%；
}

这是小段
阅读更多



这一段有很多文字。因此，该段非常大。因此，它将通过点击“阅读更多”按钮显示全文！文本正在重复，因此段落会很大。这一段有很多文字。因此，该段非常大。因此，它将通过点击“阅读更多”按钮显示全文！文本正在重复，因此段落会很大。这一段有很多文字。因此，该段非常大。因此，它将通过点击“阅读更多”按钮显示全文！文本正在重复，因此段落会很大。这一段有很多文字。因此，该段非常大。因此，它将通过点击“阅读更多”按钮显示全文！文本正在重复，因此段落会很大。
阅读更多
您可以迭代每个
div
并检查其滚动高度。如果它小于可见高度，则可以隐藏其下一个元素，即按钮


document.querySelector（“#b1”）.addEventListener（'click'，function（）{
document.querySelector（'#c1'）。style.height='auto'；
this.style.display='none'；
});
document.querySelector（'#b2'）。addEventListener（'click'，function（）{
document.querySelector（'#c2'）。style.height='auto'；
this.style.display='none'；
});
$（文档）.ready（函数（）{
$（“div”）。每个函数（索引）{
如果（$（本）[0].scrollHeight为什么您首先需要在标记中使用它？如果没有第一个readmore按钮，您就不能使用html吗？我认为他无法控制文本长度。他正在询问如何进行动态调整。那么，您需要按钮显示的文本的最小/最大长度是多少？希望通过新的更新消除所有疑问返回问题…使用scrollHeight更新了代码。检查这是否解决了您的问题。按钮是隐藏的，但文本是折叠的。按钮隐藏的原因是您的脚本正在计算字符，而不是高度！好的，我使用动态高度更新了代码。现在它应该适用于所有情况。我尝试了此操作，但没有隐藏按钮。（这次是第二个…）您还没有将jquery注入到代码中，并尝试使用$.injectjQuery和上面我的代码中的脚本标记。