Question

我想提出有关如何更改字体/颜色以保留小数点后10位数字的最后两位数字的建议，

0.0000000012

我想做的是将仅'12'数字的字体/颜色更改为红色和一半的大小，而前导0.00000000保持黑色和正常的文本大小。

有人能够提供有关如何执行此操作的示例吗？

Answer 1

如果您对这些数字进行硬编码，例如：

您的代码：

<p>0.0000000012</p>

解决问题的方法：

<span>0.0000000012</span>
<br />

<!-- Solution -->
<span>0.00000000</span><span style="color: red; font-size: 10px;">12</span>

当然，您应该使用CSS样式-更好的做法。另外，看看RegExp。

Answer 2

下面的代码将动态突出显示点“。”后的数字，该数字不等于0;

<p id="number">0.0000000012</p>

<script>
  var el = document.getElementById('number').innerText;
  var a = el.split('.');
  var x = '';
  var y = '';

  for(var i=0; i<a[1].length; ++i)  {
    if(a[1][i] == 0)
      x = x + a[1][i];
    else
      y = y + a[1][i];
  }

  var n = a[0]+'.'+x+'<span style="color:red;">'+y+'</span>';

  document.getElementById('number').innerHTML = n;
</script>

JavaScript / HTML-在8个小数位后更改字体大小/颜色

2 个答案: