从textNode获取夹紧（带省略号）textContent

如何从javascript中的节点获取夹紧的文本？请参见下面的代码：从textNode获取夹紧（带省略号）textContent

console.log(document.getElementById("text1").textContent); 
 
// prints "This is a long text" 
 

 

 
console.log(document.getElementById("text2").textContent); 
 
// prints "This is a long text as well" 
 
// expected "This is a long text a..."

.longtext { 
 
    width: 140px; 
 
    overflow: hidden; 
 
    white-space: nowrap; 
 
    text-overflow: ellipsis; 
 
}

<div id="text1">This is a long text</div> 
 
<div class="longtext" id="text2">This is a long text as well</div>

我想从该元素的预期"This is a long text a..." id为text2。

来源

2016-04-29 Gökhan Kurt

我发现类似的问题：How can I access the actual text that is displayed in a DIV when using CSS style overflow: hidden?

简而言之：

有没有简单的方法来做到这一点。你算算多少文本可以在DIV基于DIV大小，字体大小，字体和文本内的div

如何通过JS http://www.ruzee.com/blog/2007/08/ellipsis-or-truncate-with-dots-via-javascript

来源

2016-04-29 11:03:02 sQer

做省略号抵消可见然您的代码段，它可以正常工作，如你所料。 'text-overflow：ellipsis'按预期工作。这里是工作代码的JSFiddle链接https://jsfiddle.net/qx5mL548/

不明白你遇到了什么样的问题。你可以试试这个代码ñ让我知道它的工作原理：

<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>

来源

2016-04-29 12:50:28 Upasana

从textNode获取夹紧（带省略号）textContent

回答

相关问题