bootstrap5文本省略点击显示全部

半兽人 发表于: 2020-09-19   最后更新时间: 2021-07-14 14:25:40  
{{totalSubscript}} 订阅， 2,725 游览 
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>

在线运行

bootstrap5
更新于 2021-07-14
半兽人
在线，24分钟前登录

得運電子 2年前

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

0 0 回复
半兽人 -> 得運電子 2年前

可以改成这样：

页面：

onclick="toggleEllipsis(event)"

js：

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