html检查元素是否溢出方法,javascript-如何检测div元素中的溢出？

以下jQuery插件将警告结果。

的CSS

#tempDiv{

height:10px;

overflow:hidden;

}​

为了确定宽度是否溢出，

(function($) {

$.fn.isOverflowWidth = function() {

return this.each(function() {

var el = $(this);

if (el.css("overflow") == "hidden") {

var text = el.html();

var t = $(this.cloneNode(true)).hide().css('position', 'absolute').css('overflow', 'visible').width('auto').height(el.height());

el.after(t);

function width() {

return t.width() > el.width();

};

alert(width());

}

});

};

})(jQuery);

要确定高度溢出，

(function($) {

$.fn.isOverflowHeight = function() {

return this.each(function() {

var el = $(this);

if (el.css("overflow") == "hidden") {

var text = el.html();

var t = $(this.cloneNode(true)).hide().css('position', 'absolute').css('overflow', 'visible').height('auto').width(el.width());

el.after(t);

function height() {

return t.height() > el.height();

};

alert(height());

}

});

};

})(jQuery);

[HTTP://JS fiddle.net/C3和TV/]