Javascript - 将字符串中的所有数字更改为下标

Question

我有一个输入框,用户在其中输入化学式.我在表中将它们的输入显示回来,我的javascript文件中包含以下代码.

document.getElementById("entered").innerHTML = userIn;

..."userIn"是输入框的"id","entered"是表格行中数据的id.

现在,这是我的问题:

有什么方法可以将公式中的所有数字更改为下标,但保留字母不变？那么如果输入H2O2,只有2个成为下标？

Answer 1

使用下面给出的简单正则表达式替换

document.getElementById("entered").innerHTML = userIn.replace(/(\d+)/g, '<sub>$1</sub>');

演示:小提琴