如何检查溢出并将其与Javascript/JQuery中的if-then函数相结合

所以我想知道如何检查另一个div（父）中的一个div（子）的文本是否溢出（隐藏）。如果是真的，则应在父级内部的底部添加另一个div，并对子级应用样式更改

我已经找到了一个JavaScript函数来检查溢出，但是因为我是JS的初学者，所以我需要一些帮助来连接特定的任务。也许也会把功能搞砸。我希望有人愿意帮助我

我试图用JQuery“形成”任务，但我不知道它们是否是这样工作的：

$('.child').css({"margin":"+=10px";});

有了这个，我想把10px加到当前的边距上

$('.parent').append('<div class="child_2"></div}');

Javascript

function checkOverflow(child)
{
   var curOverflow = child.style.overflow;

   if ( !curOverflow || curOverflow === "hidden" )child.style.overflow = "visible";

   var isOverflowing = child.clientWidth < child.scrollWidth || child.clientHeight < child.scrollHeight;

   child.style.overflow = curOverflow;

   return isOverflowing;
}

函数检查溢出（子项）
{
var curOverflow=child.style.overflow；
如果（！curOverflow | | curOverflow==“隐藏”）child.style.overflow=“可见”；
var isoverflow=child.clientWidth

有了这个，我想把10px加到当前的边距上

$('.parent').append('<div class="child_2"></div}');

此语法不正确–使用

.css（）

方法可以设置属性和值，但不能像那样动态计算它们。如果要将10px添加到元素的当前边距，则必须先获取当前边距，然后将10px添加到元素：

$（文档）.ready（函数（）{
var child=$（“.child”）；
//以整数形式获取当前边距
var margin=parseInt（child.css（“margin”）.split（“px”）[0]）；
//加10
保证金=保证金+10；
//将边距设置为新值
css（{“margin”：margin}）；
});
.child{
轮廓：1px纯红；
利润率：10px；
}

小孩
谢谢，我稍后会尝试，但我如何将溢出检查与肯定检查后必须进行的更改联系起来？
function checkOverflow(child)
{
   var curOverflow = child.style.overflow;

   if ( !curOverflow || curOverflow === "hidden" )child.style.overflow = "visible";

   var isOverflowing = child.clientWidth < child.scrollWidth || child.clientHeight < child.scrollHeight;

   child.style.overflow = curOverflow;

   return isOverflowing;
}

$('.child').css({"margin":"+=10px";});