gpt4 book ai didi

javascript - 使用 CSS 样式溢出时如何访问显示在 DIV 中的实际文本 : hidden?

转载 作者:技术小花猫 更新时间:2023-10-29 12:04:30 42 4
gpt4 key购买 nike

我的页面上有以下内容 DIV,它显示动态文本:

<div id="someContent">
</div>

它使用以下 CSS 来切断额外的文本:

#someContent {
height: 200px;
width: 200px;
overflow: hidden;
}

如果我将此文本加载到 DIV 中:

"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti."

...CSS 仅使以下文本显示在 DIV 中:

"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue"

这按预期工作。

但是,我想知道是否有某种方法可以使用 JavaScript 访问显示的文本。当我尝试访问 DIV 的 innerHTML 属性时,它返回最初加载到 DIV 中的整个文本。

<script type="text/javascript">
alert(document.getElementById("mainArticleContent").innerHTML);
</script>

我的最终目标是用省略号 ("...") 替换 trim 过的 内容中的最后一个词。我想我可以用 JavaScript 做到这一点,这样它就会显示在所有浏览器中,而不仅仅是 IE,就像 CSS 属性 text-overflow: hidden 一样。

有什么想法吗?这可能吗?

最佳答案

我认为使用 javascript 不可能实现您的要求。

或者,为什么不在特定字符数的服务器端 chop 文本?根据您选择的字体,您可能无法控制页面上显示的 div 的大小,但它应该可以解决您的问题。

编辑:

看看this获得自动 CSS 省略号。有一些注意事项,它看起来非常特定于浏览器,但这是另一种做你想做的事情的方法。

关于javascript - 使用 CSS 样式溢出时如何访问显示在 DIV 中的实际文本 : hidden?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/777340/

42 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com