Javascript 从textNode获取钳制（带省略号）textContent_Javascript_Html_Css_Ellipsis

Javascript 从textNode获取钳制（带省略号）textContent

javascript html css

Javascript 从textNode获取钳制（带省略号）textContent,javascript,html,css,ellipsis,Javascript,Html,Css,Ellipsis,如何从javascript中的节点获取钳制文本？见以下代码： console.log（document.getElementById（“text1”）.textContent）； //打印“这是一个长文本” log（document.getElementById（“text2”）.textContent）； //打印“这也是一个很长的文本” //应为“这是一个长文本a…” .longtext{ 宽度：140px；溢出：隐藏；空白：nowrap；文本溢出：省略号； } 这是一篇很长的文本

如何从javascript中的节点获取钳制文本？见以下代码：

console.log（document.getElementById（“text1”）.textContent）；
//打印“这是一个长文本”
log（document.getElementById（“text2”）.textContent）；
//打印“这也是一个很长的文本”
//应为“这是一个长文本a…”

.longtext{
宽度：140px；
溢出：隐藏；
空白：nowrap；
文本溢出：省略号；
}

这是一篇很长的文本
这也是一篇很长的文章

我发现了类似的问题：

简言之：

做这件事没有简单的方法。您必须根据DIV大小、字体大小、字体类型和DIV内部的文本偏移量来计算DIV中可以看到多少文本

如何使用js实现省略号运行您的代码片段，它可以按照您的预期工作文本溢出：省略号“按预期工作。下面是工作代码的JSFIDLE链接

我不明白你遇到了什么样的问题。您可以尝试此代码，如果有效，请告诉我：

<html>
<head>Ellipsis</head>
<style>
       .longtext {
           width: 140px;
           overflow: hidden;
           white-space: nowrap;
           text-overflow: ellipsis;
        }
    </style>
    <body>
        <div id="text1">This is a long text</div>
        <div class="longtext" id="text2">This is a long text as well</div>  
    </body>
</html>


省略
.长文{
宽度：140px；
溢出：隐藏；
空白：nowrap；
文本溢出：省略号；
}
这是一篇很长的文章
这也是一篇很长的文章