当文本出自自己的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);

应该做的诀窍......

Answer 2

使用Jquery

if ($('#div-id')[0].scrollWidth >  $('#div-id').innerWidth()) {
    //Text has over-flowed
}

参考： Detect if text has overflown