Javascript 用省略号截断

在开发中，有时需要限制文本的长度，以避免过长的内容破坏页面布局，这时候我们常常使用省略号截断。

以下是一段简单的 Javascript 代码，用于实现这一功能：

function truncateText(selector, maxLength) {
  var element = document.querySelector(selector),
      truncated = element.innerText;

  if (truncated.length > maxLength) {
    truncated = truncated.substr(0,maxLength) + '...';
  }
  return truncated;
}

以上代码中，我们定义了一个名为 truncateText 的函数，该函数接受两个参数：一个选择器（selector）和一个最大长度（maxLength）。

函数的作用是获取指定选择器（selector）的文本内容，如果该文本内容超过指定的最大长度（maxLength），则用省略号代替超出的部分。

代码中主要使用了 JavaScript 中的 querySelector 和 substr 方法来获取文本内容和截取文本长度。

该函数的使用方法如下所示：

var truncatedText = truncateText('.my-text', 20);
console.log(truncatedText);

在以上示例中，我们获取带有 .my-text 类名的元素的文本内容，并将其限制为最多只有 20 个字符，超出的部分会用省略号来代替。

希望以上介绍能够帮助您更好地实现文本截断的功能。