关于在dom节点样式赋值浮点型数字时的精确问题

关于在dom节点样式赋值浮点型数字时的精确问题(踩坑)

我们平时在使用dom节点中经常会用到对dom节点的width、height、.style.left、.style.top等等属性的赋值操作,这种操作看上去与css中直接设置样式效果类似。但在实际操作时,dom节点样式赋值浮点型数字时,只能精确到小数点后的三位有效数字。具体图示如下:

图示为VScode设置操作关于在dom节点样式赋值浮点型数字时的精确问题
浏览器中的样式显示如下
关于在dom节点样式赋值浮点型数字时的精确问题
结论:可以观察到css样式中确实可以精确到小数点后很多位(可能是16位吧),但dom赋值浮点型只能取后三位有效数字。
但其实在实际的项目中,应该是很少会用到对样式进行浮点型数字的赋值并精确到小数点后几位的有效数字的工况,毕竟个人仍未px单位指的就是像素,像素已经是屏幕显示的最小单位了,精度再高也没有太大必要。
此文源于本人个人的一点小的观察,仍处于学习阶段,有不足之处还请指出交流,谢谢!