Javascript 向新容器添加隐藏溢出内容

我有一个固定高度/宽度的容器。容器内会有不同数量的文本，有时会超过高度限制。为了避免溢出，我使用

overflow:hidden

是否有办法访问隐藏文本，然后将其添加到新容器中？
获取本文的帮助：


在此，我根据您的需要对其进行了更改：


$.fn.overflowTo=函数（目标，选项）{
如果（！options）options=“…”；
返回此值。每个函数（num）{
var height=parseInt（$（this）.css（“height”）；
var content=$（this.html（）；
var extextext=''；
while（this.scrollHeight>height）{
extraText=content.match（/\s+\s*$/）.join（）+extraText；
content=content.replace（/\s+\s*$/，“”）；
$（this）.html（内容+选项）；
}
$（目的地）.html（外部文本）；
})
}
$（函数（）{
$（“#divBase”）。溢出到（$（“#divExtra”）；
});

a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a
从本文获得帮助：


在此，我根据您的需要对其进行了更改：


$.fn.overflowTo=函数（目标，选项）{
如果（！options）options=“…”；
返回此值。每个函数（num）{
var height=parseInt（$（this）.css（“height”）；
var content=$（this.html（）；
var extextext=''；
while（this.scrollHeight>height）{
extraText=content.match（/\s+\s*$/）.join（）+extraText；
content=content.replace（/\s+\s*$/，“”）；
$（this）.html（内容+选项）；
}
$（目的地）.html（外部文本）；
})
}
$（函数（）{
$（“#divBase”）。溢出到（$（“#divExtra”）；
});

a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a
要保留文本中混合的标签和样式，我认为这会有所帮助。我把它和我自己的其他答案分开，因为有些人可能不需要这个额外的功能，避免过载。也许有更好的代码或想法，但这是我所能帮助的，并感谢任何改进

“函数引用（）”代码段来自：


$.fn.overflow to_with keepingtags和styles=函数（目标，选项）{
如果（！options）options=“…”；
返回此值。每个函数（num）{
var height=parseInt（$（this）.css（“height”）；
var content=$（this.html（）；
var extextext=''；
var tempDiv=document.createElement（“div”）；
var strMustOpenTags=“”；
var singletonTags=[“区域”、“基础”、“br”、“col”、“命令”、“嵌入”、“hr”、“img”、“输入”、“表单”、“链接”、“元”、“参数”、“源”、“跟踪”、“wbr”]；
while（this.scrollHeight>height）{
extraText=content.match（/\s+\s*$/）.join（）+extraText；
content=content.replace（/\s+\s*$/，“”）；
$（tempDiv）.html（内容）；
var currentTags=tempDiv.getElementsByTagName（“*”）；
var strMustCloseTags=“”；
strMustOpenTags=“”；
对于（var i=0；iif（！singletonTags.includes（tag.toLowerCase（））&&employments（content，为了保留文本中混合的标签和样式，我认为这会有所帮助。我将其与我自己的其他答案分开，因为有人可能不需要这个额外的功能并避免过载。也许有更好的代码或想法，但这是我所能帮助和欣赏的

“函数引用（）”代码段来自：


$.fn.overflow to_with keepingtags和styles=函数（目标，选项）{
如果（！options）options=“…”；
返回此值。每个函数（num）{
var height=parseInt（$（this）.css（“height”）；
var content=$（this.html（）；
var extextext=''；
var tempDiv=document.createElement（“div”）；
var strMustOpenTags=“”；
var singletonTags=[“区域”、“基础”、“br”、“col”、“命令”、“嵌入”、“hr”、“img”、“输入”、“表单”、“链接”、“元”、“参数”、“源”、“跟踪”、“wbr”]；
while（this.scrollHeight>height）{
extraText=content.match（/\s+\s*$/）.join（）+extraText；
content=content.replace（/\s+\s*$/，“”）；
$（tempDiv）.html（内容）；
var currentTags=tempDiv.getElementsByTagName（“*”）；
var strMustCloseTags=“”；
strMustOpenTags=“”；
对于（var i=0；i如果（！singletonTags.includes（tag.toLowerCase（））&&occurrents（content），请提供您的代码。请提供您的代码。我接受了您的答案，因为它确实回答了我的问题。但是，这种方法似乎既删除了我的大部分样式，又非常慢。有什么建议吗？我替换了.match（regex）和.replace（regex）用content.lastIndexOf（“”）查找最后一个单词然后是子字符串。但是在测量执行时间时，没有什么值得注意的事情发生。如果您愿意，我可以使用这两种方法，但我认为这可能会混淆其他方法。我为您在字符串中混合标记的问题添加了另一个答案。我接受了您的答案，因为它确实回答了我的问题。不过，这种方法似乎同时删除了我的大部分样式，即还有就是速度非常慢。有什么建议吗？我将.match（regex）和.replace（regex）替换为用content.lastIndexOf（“”）查找最后一个单词然后是子字符串。但是在测量执行时间时，没有什么值得注意的事情发生。如果您愿意，我可以使用这两种方法，但我认为这可能会混淆其他方法。我为您在字符串中混合标记的问题添加了另一个答案。