如何移除指定class元素的文本最后一个字符？

嘿，我来帮你排查下问题所在～你的代码没生效，主要是因为对getElementsByClassName的返回值理解错啦：它返回的是元素集合（HTMLCollection），不是单个字符串，所以直接对它调用substring或者赋值textContent肯定行不通。

给你两种场景的解决方案：

场景1：只处理第一个匹配的元素 #

如果页面里只有一个gutentor-post-desc类的元素，或者你只想处理第一个，可以这么写：

// 用querySelector获取第一个匹配的元素
const targetElement = document.querySelector('.gutentor-post-desc');
// 先判断元素是否存在，避免报错
if (targetElement) {
  let originalText = targetElement.textContent;
  // 确保文本长度大于0再处理，防止空字符串报错
  if (originalText.length > 0) {
    // 去掉最后一个字符，也可以用slice(0, -1)，更简洁
    targetElement.textContent = originalText.substring(0, originalText.length - 1);
  }
}

场景2：处理所有匹配的元素 #

如果页面里有多个gutentor-post-desc类的元素，需要遍历每个元素处理：

// 用querySelectorAll获取所有匹配的元素
const targetElements = document.querySelectorAll('.gutentor-post-desc');
// 遍历每个元素
targetElements.forEach(element => {
  let originalText = element.textContent;
  if (originalText.length > 0) {
    // slice(0, -1)等价于substring(0, 长度-1)，写法更简洁
    element.textContent = originalText.slice(0, -1);
  }
});

再说说你原代码的问题点 #

• document.getElementsByClassName返回的是类数组集合，不是单个元素，你需要先从中取出具体元素（比如str[0]）才能操作它的文本
• 不能直接给集合赋值textContent，必须针对每个元素单独赋值

这样修改后应该就能正常移除最后一个字符啦～

备注：内容来源于stack exchange，提问作者Steve