js 判断文字折叠(样式包含text-overflow: ellipsis属性) 转

2021年4月25日 5条评论 399次阅读 0人点赞慕容

转自：https://www.jianshu.com/p/8a8af56c25a8?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

如果在css中加入

 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;

多余的文本会被省略号... 所代替

但是js中并没有判断这个文本是否有多余的文本
下面可以使用 isEllipsis 函数来判断

function isEllipsis(dom) {
var checkDom = dom.cloneNode(), parent, flag;
checkDom.style.width = dom.offsetWidth + 'px';
checkDom.style.height = dom.offsetHeight + 'px';
checkDom.style.overflow = 'auto';
checkDom.style.position = 'absolute';
checkDom.style.zIndex = -1;
checkDom.style.opacity = 0;
checkDom.style.whiteSpace = "nowrap";
checkDom.innerHTML = dom.innerHTML; parent = dom.parentNode;
parent.appendChild(checkDom);
flag = checkDom.scrollWidth > checkDom.offsetWidth;
parent.removeChild(checkDom);
return flag;
};

使用方法,传入一个dom,返回true或false
如果为ture则有多余文本

AllInAce说道：

2025年12月2日 08:10

Google Chrome Windows 10
https://t.me/s/officials_pokerdom/3758
HighRollerMage说道：

2025年12月16日 04:51

Google Chrome Windows 10
https://t.me/s/ef_beef
JosephSox说道：

2025年12月27日 14:08

Google Chrome Windows 10
充满正能量的素材! 做得真好。殖民古城研究你的文章, 我感受到, 旅行让人焕然一新。万分感谢旅行灵感。
AceSorcerer说道：

2025年12月31日 16:43

Google Chrome Windows 10
http://images.google.ki/url?q=https://t.me/officials_7k/983
RoyalFlusher说道：

2026年1月19日 08:56

Google Chrome Windows 10
В мире игр, где каждый площадка стремится заманить обещаниями легких выигрышей, казино топ список рейтинг является как раз той ориентиром, что проводит через ловушки обмана. Игрокам профи и начинающих, что пресытился с ложных посулов, он инструмент, дабы ощутить реальную выплату, как тяжесть золотой монеты в руке. Без пустой ерунды, только надёжные сайты, там выигрыш не только показатель, но ощутимая везение.Составлено по поисковых запросов, как паутина, которая захватывает самые свежие тренды на сети. Здесь минуя пространства к стандартных трюков, всякий элемент как карта в игре, где блеф раскрывается мгновенно. Хайроллеры знают: в рунете манера речи с сарказмом, там сарказм притворяется под намёк, даёт миновать рисков.В https://share.evernote.com/note/8f618260-e536-9cfe-04c6-2983fff7aa03 данный топ лежит будто открытая раздача, приготовленный для раздаче. Зайди, когда желаешь увидеть ритм подлинной ставки, без мифов и провалов. Для кто любит ощущение приза, он будто иметь ставку на руках, а не пялиться в экран.

慕容的工作随笔

js 判断文字折叠(样式包含text-overflow: ellipsis属性) 转

发表回复