Javascript 是否可以选择溢出特定div的所有元素，并给它一些CSS，然后放入另一个div中

我想选择溢出某个特定div的所有元素，并给它一些CSS，然后放入另一个div中

if(print_part.offsetHeight<print_part.scrollHeight)
{
    var body=document.getElementById("body");
    $("body").append(
        '<page size="A4" id="A4Page" style="margin-top:0px;!important"><div class="main_Header"><h5>AMERICAN UNIVERSITY OF ANTIGUA</h5></div></page>'


        );
}

就像我有一个高度为400px的div，我正在向其中添加json数据，如果内容超出了这个div，我希望将所有外部内容放到另一个div中

if(print_part.offsetHeight<print_part.scrollHeight)
{
    var body=document.getElementById("body");
    $("body").append(
        '<page size="A4" id="A4Page" style="margin-top:0px;!important"><div class="main_Header"><h5>AMERICAN UNIVERSITY OF ANTIGUA</h5></div></page>'


        );
}

---

if（print_part.offsetHeight不幸的是，这不像你想象的那么容易

你真的必须把你的每一个内容项目，找出它们的高度。如果parentSize
你能添加一些你已经写过的代码吗

您好
这里您有一个快速的方法来做。这可以改进到现在我没有时间。这就是背后的想法


const e=document.getElementById（'overflow'）；
如果（e.scrollHeight-e.clientHeight>0）{
const lineHeight=getLineHeight（e）；
让allLines=e.innerHTML.match（/[^\r\n]+/g）；
const linesToShow=Math.trunc（例如clientHeight/lineHeight）；
const linesToMove=allLines.slice（linesToShow，allLines.length-1）；
const originalDivContent=allLines.slice（0，linesToShow-1）；
e、 innerHTML=originalDivContent.join（'\n'）；
const containerDivContent=linesToMove.join（'\n'）；
const container=document.getElementById（'container'）；
container.innerHTML=containerDivContent；
}
函数getLineHeight（元素）{
const clone=element.cloneNode（）；
clone.innerHTML=“
”；
元素。追加子元素（克隆）；
单线高度=clone.offsetHeight；
clone.innerHTML='

'；
doubleLineHeight=clone.offsetHeight；
element.removeChild（克隆）；
返回doubleLineHeight-singleLineHeight；
}
.fix{
宽度：200px；
最大高度：100px；
边框：1px纯红；
}
.集装箱{
宽度：200px；
边框：1px纯蓝色；
}

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaa
aaaaaaaaa
AAAAA
AAAAAAAAAAAA
aaaaaaaaa
您想从开始，然后再看。然后答案会出现在您的脑海中。如果内容不是您给exmaple的字符串aaaa，而是HTML标记（如
）和其他标记，该怎么办