js 判斷元素（例如div）裡的資料顯示不全（資料長度大於元素長度）

標籤：com   div   資料顯示   alt   func   img   child   The   ret   

//判斷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）裡的資料顯示不全（資料長度大於元素長度）