使用javascript动态缩短具有“阅读更多”链接的文本

<div id="content">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod justo vitae turpis lacinia, vitae luctus elit tincidunt. Sed auctor, nunc id aliquam eleifend, lacus nisl tristique lacus, eu lacinia nisl nunc eget mauris. <a href="#">阅读更多</a>
</div>

var content = document.getElementById("content");
var text = content.innerHTML;

var maxLength = 100;

if (text.length > maxLength) {
  // 超过最大字符数，需要进行缩短处理
  var shortenedText = text.substr(0, maxLength) + '...';
  content.innerHTML = shortenedText;
}

var readMoreLink = content.querySelector("a");
readMoreLink.addEventListener("click", function() {
  content.innerHTML = text;
});