javascript:在最后两个字符周围添加跨度

Question

我需要在一个 div 中的最后两个字符周围放置一个 span。

当前结构如下所示:

<div id="price">3199</div>

我需要输出这样的东西:

<div id="price">31<span id="smaller">99</span></div>

这是动态 HTML5 横幅广告中的价格。我需要能够格式化比前两个小的最后两个字符，但动态提要中的整数只是 3199 或 2099 等等。

我找到了一些 jQuery 解决方案，但我需要它是纯 JavaScript。

This fiddle 用 jQuery 很好地解决了这个问题，我确信没有 jQuery 它不需要太多调整就可以工作，但我的 javascript 技能不能完全破解它。

Answer 1

您可以使用 replace() 与正则表达式 .{2}$

var ele=document.getElementById('price');
ele.innerHTML=ele.innerHTML.replace(/.{2}$/,'<span id="smaller">$&</span>')

#smaller{
font-size:10px;
}

<div id="price">3199</div>