bootstrap5文本省略点击显示全部

半兽人 发表于: 2020-09-19   最后更新时间: 2021-07-14 14:25:40  
{{totalSubscript}} 订阅, 1,829 游览
var element = document.querySelector("#ellipsis-ex");
function toggleEllipsis() {
  element.classList.toggle("text-truncate");
}
<span id="ellipsis-ex" class="text-truncate" style="max-width: 150px;" onclick="toggleEllipsis()">
  Praeterea iter est quasdam res quas ex communi.
</span>

在线运行

更新于 2021-07-14
在线,1小时前登录

得運電子 7月前

班主,这里只针对一个段落实现文本省略点击打开,如果是对于一个循环生成的一系列段落,ID应该怎样写呢?

半兽人 -> 得運電子 7月前

可以改成这样:

页面:

onclick="toggleEllipsis(event)"

js:

function toggleEllipsis(event) {
    event.target.classList.toggle("text-truncate");
}
查看bootstrap5更多相关的文章或提一个关于bootstrap5的问题,也可以与我们一起分享文章
提问