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的长度,超出部分用 ... 表示

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

时间: 2024-10-13 16:11:12

js 判断元素(例如div)里的数据显示不全(数据长度大于元素长度)的相关文章

Easyui 判断某个Div 里的表单项是否验证通过.

var isValid = $("#divId").Form("validate"); if( isValid ){ alert("验证通过"); } else{ alert("验证失败"); } Easyui 判断某个Div 里的表单项是否验证通过.,码迷,mamicode.com

js判断元素是否是disable状态

js判断元素是否是disable状态 jquery判断元素状态用$(select).prop(属性值) == true js判断button是否可以点击: //判断button是否为不可点击状态 if($("#buyButton").prop("disabled") == true){} //判断button是否为不可点击状态 if($("#buyButton").prop('disabled') != true){} /** * 购买按钮失效

js判断元素是否隐藏的方法

代码如下: JavaScript代码如下: if( document.getElementById("div").css("display")==='none') if( document.getElementById("div").css("display")==='block') Jquery代码如下: $("#div").is(":hidden"); // 判断是否隐藏 $(&qu

js判断浏览器类型

js判断浏览器类型  <script type="text/javascript" >     <!--   function getOs()   {       var OsObject = "";      if(isIE = navigator.userAgent.indexOf("MSIE")!=-1) {           return "MSIE";      }      if(isFiref

原生js判断css动画结束 css 动画结束的回调函数

原文:原生js判断css动画结束 css 动画结束的回调函数 css3 的时代,css3--动画 一切皆有可能: 传统的js 可以通过回调函数判断动画是否结束:即使是采用CSS技术生成动画效果,JavaScript仍然能捕获动画或变换的结束事件: transitionend事件和animationend事件标准的浏览器事件,但在WebKit浏览器里你仍然需要使用webkit前缀,所以,我们不得不根据各种浏览器分别检测事件 var transitions = { 'transition':'tra

js获取div中的文本框数据

通过div得到div里的所有数据 大神的世界无需解释,当然不是说我,当我看到这些代码的时候我惊呆了! 这是一个工具方法js: js: /* * 获取指定对象下的所有input.textarea值 * divid:外层的id * jsonStr:如果无,新创建一个对象,如果有,直接在对象中添加 * isCheck:是否进行必填项判断 */ getFormParam: function(divid,jsonStr,isCheck){ var inputlist = $("#"+divid+

js判断输入字符串长度(汉字算两个字符,字母数字算一个):例如 要求输入12的字,24个字节

<html> <head> <title>js判断输入字符串长度(汉字算两个字符,字母数字算一个)</title> <style type="text/css"> .pbt { margin-bottom: 10px; } .ie6 .pbt .ftid a, .ie7 .pbt .ftid a { margin-top: 1px; } .cl:after { clear: both; content: ".&quo

js判断异步引入的js文件是否加载完毕

在正常的加载过程中,js的加载都是同步的,也就是在加载过程中,浏览器会阻塞接下来的内容的加载.这时候我们就要用到动态加载,动态加载是异步的,如果我们在后边要用到这个动态加载的js文件里的东西,就要保证这个文件加载完成后,再执行下面的内容. 如何判断js是否加载完成?(实现loadScript(url,callback)异步加载脚本,完成后执行回调函数,要求支持IE) <!DOCTYPE html> <html> <head> <meta charset="

原生js判断某个区域的滚动条滚动到了底部

原生js判断某个区域的滚动条滚动到了底部 讲解==> 关系公式:element.scrollHeight - element.scrollTop === element.clientHeight 解释:此公式可以用于判断是否滚动到底 你必须知道这个方法 可以判断滚动条滚动到了底部哈! element.scrollHeight 是获取这个元素区域的实际高度(包含被隐藏起来的高度) element.scrollTop是获取滚动条距离顶部的实际距离(包含被隐藏起来的高度) element.client