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

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

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

例子：

  

    
  
    
    
        .currSign:before {
            content: '$';
        }
    

  

    
    88123.45
    75123.45
    789415123.45
    123
  
    
    
        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");
        }
    

  

输出：