javascript - 仅从 insideHTML 中删除文本

Question

我动态生成了 HTML，例如:

const content = '<b>some <i>text</i><b>'

如何获取此内容并删除最后 2 个字母，以获得 <b>some <i>te</i><b> ？我通过 el.innerHTML 获取此内容。主要思想是，我想保持 html 的原样，并只裁剪文本。

Answer 1

在 HTML 上使用正则表达式是... problematic .

另一种方法是创建一个新元素，将其 innerHTML 设置为字符串。然后更新i元素的文本内容。

const content = '<b>some <i>text</i><b>';
const span = document.createElement('span');
span.innerHTML = content;
const i = span.querySelector('i');
i.textContent = i.textContent.substring(0, i.textContent.length - 2);
console.log(span.innerHTML);