关于移除class为gutentor-post-desc的所有元素文本最后一个字符的技术求助

DevOps 小满

2026-4-27

解决移除指定元素文本最后一个字符的问题

我帮你捋捋为啥你的代码没生效，再给你靠谱的解决方案～

原代码的问题

你的思路是对的，但细节上踩了两个坑：

document.getElementsByClassName('gutentor-post-desc')返回的是类数组的元素集合，不是单个元素或字符串，直接调用substring()根本不会生效（因为集合没有这个方法）。
你跳过了「取出元素文本内容」的步骤，直接操作元素集合，逻辑顺序错了。

正确的解决方案

根据页面中该类名元素的数量，分两种情况处理：

情况1：页面只有一个目标元素

如果确定页面上只有一个gutentor-post-desc元素，用querySelector更方便（它返回第一个匹配的元素）：

// 获取目标元素
const descElement = document.querySelector('.gutentor-post-desc');
// 先判断元素是否存在，避免报错
if (descElement) {
  let text = descElement.textContent;
  // 确保文本长度大于0再截取，防止空字符串出问题
  if (text.length > 0) {
    // 移除最后一个字符
    text = text.substring(0, text.length - 1);
    // 把处理后的文本放回元素
    descElement.textContent = text;
  }
}

情况2：页面有多个目标元素

如果有多个元素需要处理，就用querySelectorAll获取所有匹配元素，然后遍历处理：

// 获取所有目标元素
const descElements = document.querySelectorAll('.gutentor-post-desc');
// 遍历每个元素逐一处理
descElements.forEach(element => {
  let text = element.textContent;
  if (text.length > 0) {
    text = text.substring(0, text.length - 1);
    element.textContent = text;
  }
});