javascript - JS根据窗口宽度控制文字长度

Question

响应页面：

1. 当窗口大小小于 500px 时，剪掉文字。
2. 当窗口大小大于 500px 时，文本恢复正常长度。

我已经完成了第一点。我想不通第二点。当窗口小于 500px 时，文本已被截断。当窗口大于 500px 时，如何将文字恢复到正常长度？

let items = document.querySelectorAll('.con');

window.addEventListener('resize', () => {
  items.forEach(element => {
    if (window.innerWidth < 500)
      element.innerText = truncateText(element, 100);
  });

});

function truncateText(element, maxLength) {
  let truncated = element.innerText;
  if (truncated.length > maxLength) {
    truncated = truncated.substr(0, maxLength) + '...';
  }
  return truncated;
}

我的代码：https ://jsfiddle.net/niuuin/76L1pszu/10/

非常感谢您的帮助！

标签： javascriptdom