求助：如何移除innerText的最后一项？按位置修改方法无效

嘿，我完全懂你碰到的这个坑！你之前直接修改innerText对应索引的字符没效果，核心原因是JavaScript里的字符串是不可变的——你没法通过索引直接改写字符串的某个字符，这种操作根本不会对原字符串产生任何影响。

下面分两种常见场景给你解决方案：

场景1：移除innerText的最后一个字符 #

如果你的需求是删掉文本内容的最后一个字符，用字符串截取方法就能轻松搞定：

方法1：用slice()（最简洁写法） #

slice(0, -1)会从字符串开头截取到倒数第二个字符，直接覆盖原innerText即可：

const targetElement = document.getElementById('your-element-id');
targetElement.innerText = targetElement.innerText.slice(0, -1);

方法2：用substring()（更直观的索引控制） #

通过明确指定起始和结束索引来截取字符串，效果和slice一致：

const targetElement = document.getElementById('your-element-id');
const currentText = targetElement.innerText;
targetElement.innerText = currentText.substring(0, currentText.length - 1);

场景2：移除元素的最后一个子DOM元素 #

如果你的描述里“最后一个元素”指的是该节点下的最后一个子DOM元素（不是文本字符），那就要用DOM操作方法了：

方法1：现代浏览器推荐用lastChild.remove() #

const parentElement = document.getElementById('your-parent-element-id');
// 先判断是否存在最后一个子元素，避免报错
if (parentElement.lastChild) {
  parentElement.lastChild.remove();
}

方法2：兼容旧浏览器的removeChild() #

如果需要支持老版本浏览器，可以用这个写法：

const parentElement = document.getElementById('your-parent-element-id');
if (parentElement.lastChild) {
  parentElement.removeChild(parentElement.lastChild);
}

记得根据自己的实际需求选对应的方法哦！

内容的提问来源于stack exchange，提问作者Guilherme Barasuol Scherner