Javascript 我如何设计数字？

我正在尝试改变数字的样式

• 我想在每3位数字之间加一些空格
• 我会知道这些数字在html中的确切位置
• 当我从html中检索数字时，它需要与我输入的数字完全相同。因此，我只想设置数字的样式，而不是修改数字
• 我可以使用javascript和/或css来尝试实现这一点

//测试是否成功。不要移除
if（document.getElementById（'number'）.innerHTML！=“1000”）{
警报（'回答错误，您更改了号码！！！'）；
}

1000
上面的1000应该显示为1000个

试试这样的东西

const numberwhithsep=（x）=>{
返回x.toString（）.replace（/\B（？=（\d{3}）+（？！\d））/g，“”；
}
var num=numberWithSep（'12345678'）；
document.getElementById（“number”）.innerHTML=num；
//像这样重试
log（document.getElementById（“number”）.innerText）
.sep{
显示：内联块；
填充：10px；
}
我建议使用
显示：flex
，以便“sep”字符处于自动确定的
字体大小

其思想是通过js将
1000
转换为
1000

然后，通过css生成的内容直观地添加“sep”字符<代码>第span:n最后一个类型（3n）{content:；…}
。这样，
（实际上可以是任何字符）将具有与数字文本相同的字体大小

将原始值放在数据属性中并读回，然后您可以使其看起来像您喜欢的任何东西？库和数据属性可能是很好的解决方法。但如果我不必使用它们，我会更喜欢它。为什么不使用span，将每个3位数放在span内，并添加一些边距。innerHtml将更改，但innerTextno@Temani如果这真的有效的话。使用javascript在正确的位置插入跨距应该不会太难。我想将问题中的复选框更改为innerText是可以接受的。这看起来相当不错。顺便问一下，您将它们放在
div
而不是
span
中有什么原因吗？PS：我想我会（重新）读一读正则表达式；）@RMo
span
是一个内联元素，因此在不设置display属性的情况下无法应用填充。在我们的例子中，由于我们正在设置
display:inline block
，我们可以用span.heh更改div。我忍不住要这么做。我很确定我看到了应用于直列跨距的填充物。我发现这个文件声称内联元素是双向的：。它基本上说明了
padding left
和
padding right
是内联元素中的有效属性，但
padding top
和
padding bottom
不是。至少在rtl或ltr方向。我无法成功通过测试。当我使用浮点数而不是整数时，也会出现一些问题。顺便问一下，css变量是什么时候变成的？我完全错过了xD。@RMo演示已更新。现在处理float num并消除所有自定义道具。