js 判斷元素（例如div）裏的數據顯示不全（數據長度大於元素長度）
阿新 • • 發佈：2018-09-06
bsp innerhtml ... ace mov ntb ret sel 元素
//判斷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的長度，超出部分用 ... 表示
js 判斷元素（例如div）裏的數據顯示不全（數據長度大於元素長度）