[英]How can I format number shown in HTML to currency format, including the $ symbol and placing decimals with <sup></sup>?
我的頁面上有幾個帶有數字的HTML文本字符串,比方說一個是123.20。 所有這些都包含在“貨幣”類的div的第三級中。 我想使用JS將它們全部更改為$ 123 .20格式(每個數字不同)。
除了下面顯示的第一個之外,我無法將“ money”類包含到其他任何div中。 我無法將其格式化為后端(即使我願意)。
我不知道從哪里開始。
這是當前HTML的示例。
<div class="elementor-element elementor-element-11138f85 elementor-widget__width-auto money elementor-widget elementor-widget-text-editor" data-id="11138f85" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<div class="elementor-text-editor elementor-clearfix">123.20</div>
</div>
</div>
這是我需要顯示的內容:
<div class="elementor-element elementor-element-11138f85 elementor-widget__width-auto money elementor-widget elementor-widget-text-editor" data-id="11138f85" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<div class="elementor-text-editor elementor-clearfix">$123<sup>.20</sup></div>
</div>
</div>
這是使用split()
的示例
// find all the elements with your `money` class
var elements = document.getElementsByClassName('money')
// loop through all the `money` elements
for (var i = 0; i < elements.length; i++) {
// split the money value into two parts (before the decimal and after)
var amounts = elements[i].innerHTML.split('.')
// update the content to your formatted version
elements[i].innerHTML = amounts[0] + '<sup>.' + amounts[1] + '</sup>'
}
var number = 123456.789;
console.log(new Intl.NumberFormat('tr-TR', { style: 'currency', currency: 'TRY' }).format(number));
輸出量
₺123.456,79
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.