判断html元素超出显示,js 判断元素(例如div)里的数据显示不全(数据长度大于元素长度)...

//判断div里元素是否超出长度,true 超出,false 没有

dom=document.getElementById(‘id‘);

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;

};

入下图,超出了div的长度,超出部分用 ... 表示

f4790a4c0b7c3b013283d9e3217c3920.png

原文:https://www.cnblogs.com/zaibaobaoni/p/9599294.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值