HTML 文本溢出省略号检测

Question

我的页面上有一些元素设置了 CSS 规则 white-space、overflow、text-overflow，以便修剪溢出的文本并使用省略号。

div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  border: 1px solid black;
  width: 150px;
  margin: 5px;
  padding: 5px;
  font-family: sans-serif;
}

<div>
  <span>Normal text</span>
</div>
<div>
  <span>Long text that will be trimmed text</span>
</div>

有什么方法可以使用 JavaScript 来检测哪些元素的内容溢出？