如何使用CSS将数字格式化为货币

给定一个数字和任务是使用CSS和一点JavaScript将HTML元素的数字格式化为货币。仅使用CSS无法完成任务，需要一点JavaScript来解析数字并添加逗号。

方法： 在代码中，CSS类currSign在数字前添加货币符号（如’$’）。JavaScript函数toLocaleString()返回一个带有语言敏感表示数字的字符串。

示例： 在此示例中，我们使用上述方法。

<style>
    .currSign:before {
        content: '$';
    }
</style>
 
<!-- Some unformatted numbers -->
<div class="myDIV">88123.45</div>
<div class="myDIV">75123.45</div>
<div class="myDIV">789415123.45</div>
<div class="myDIV">123</div>
 
<!-- Javascript code to format the
    number as per the locale -->
<script>
    let x = document.querySelectorAll(".myDIV");
    for (let i = 0, len = x.length; i < len; i++) {
        let num = Number(x[i].innerHTML)
            .toLocaleString('en');
        x[i].innerHTML = num;
        x[i].classList.add("currSign");
    }
</script>

输出：

如何使用CSS将数字格式化为货币