删除具有特定类名的所有元素的文本中的最后一个字符

前端开发 2026-07-12

一个网页上有文本 Eget sit ac facilisis vestibulum ac.…

我想去掉最后一个字符。

我已经尝试过：

  str = document.getElementsByClassName('gutentor-post-desc');
  str_new = str.substring(0, str.length - 1);
  document.getElementsByClassName('gutentor-post-desc').textContent=str_new;

但这并不能删除类名为 gutentor-post-desc 的文本的最后一个字符。

如果得到帮助，将不胜感激。

解决方案

处理多个元素意味着需要进行某种迭代。

在给定的示例中我使用了 document.querySelectorAll。它返回一个 NodeList，它具有一个 forEach 方法。

在 forEach 回调中，你可以通过 slice 字符串方法来操作 element.textContent：

document
  .querySelectorAll(".someClass")
  .forEach(
    (element) => (element.textContent = element.textContent.slice(0, -1)),
  );

<div class="someClass">Some text.</div>
<div class="someClass">Some text.</div>
<div class="someClass">Some text.</div>
<div class="someOtherClass">Left untouched!</div>

JavaScript