Làm cách nào để hiển thị số lớn bằng dấu phẩy? HTML

Question

Tôi muốn hiển thị số lớn hơn độc đáo bằng dấu phẩy. Vì vậy, nếu con số được nói là 123456789, nó sẽ hiển thị 123,456,789. Tôi đã nhìn xung quanh nhưng tôi chỉ tìm thấy mã mà sẽ không làm việc theo cách tôi muốn vì vậy tôi đã hy vọng tôi có thể tìm thấy một số trợ giúp ở đây. Ngoài ra, tôi hy vọng nó cũng năng động, vì vậy các dấu phẩy sẽ thay đổi khi số lượng thay đổi.

Số mà tôi muốn tác động có id = "value".

Điều đó phải là tất cả, tôi không nghĩ mình thiếu gì cả. Vì vậy, một lần nữa tôi muốn số với một id = "giá trị" để có dấu phẩy được giới thiệu khi nó cần thiết. Nếu bạn cần thêm thông tin, vui lòng cho tôi biết!

Answer 1

này đã được trả lời ở đây:

How to print a number with commas as thousands separators in JavaScript

Trong trường hợp bạn không quan tâm đến việc đọc các câu trả lời ở trên, mã số là thế này:

function numberWithCommas(x) { 
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); 
} 

Nếu bạn đang sử dụng jquery sử dụng một cái gì đó như:

var val = parseInt($('#value').text()); 
//Use the code in the answer above to replace the commas. 
val = numberWithCommas(val); 
$('#value').text(val); 

Answer 2

Nếu bạn muốn định dạng số trong CSS (không phải Html) thì bạn nên sử dụng XSLT. Nhìn vào liên kết này [Formatting a number as currency using CSS

Answer 3

Bạn có thể sử dụng toLocaleString:

num.toLocaleString('en', {useGrouping:true})