2021-06-30

最新推荐文章于 2022-03-11 10:31:19 发布

妄嵬

最新推荐文章于 2022-03-11 10:31:19 发布

阅读量69

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/qq_38327242/article/details/118359052

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

js常用小技巧

1、实现文字超出显示省略号

用到了数组的pop方法和文字切割split方法

<p style="width: 100px;height: 100px;">这是一段测试文字，>这是一段测试文字>这是一段测试文字>这是一段测试文字</p>
        <script>
            const p = document.querySelector('p')
            let words = p.innerHTML.split(/(?<=[\u4e00-\u9fa5])|(?<=\w*?\b)/g)
            while (p.scrollHeight > p.clientHeight) {
                let aa = words.pop()
                p.innerHTML = words.join('') + '...'
            }
        </script>