javascript - 当文本不在自己的div中时如何获取文本？

Question

我想知道是否有任何方法可以使用 Javascript 在文本超出其自身时获取文本 <div> .例如，如果一个文本由 3 个句子组成，最后一个句子只显示了一半，有没有办法获取整个最后一句话，或者没有用 JavaScript 显示的第一个单词？

示例:

HTML

<div>loooooong loooooong text. Second sentence. Third sentence</div>

CSS

div {
  max-width: 60px;
  max-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
}

Answer 1

获取所有文本:

var node = document.getElementsByClass('div')[0];
var fulltext = node.textContent; // gets all textual content, hidden or not

要显示文本:

var vistext = node.innerText; // gets only text displayed on page (despite my comment!)

那么隐藏文本就是fulltext - vistext

var hiddentext = fulltext.substr(vistext.length);

应该做的伎俩...