获取两个内联输入的宽度

Question

具有两个内联输入，例如：

+------------+  +--------------------------+
| ID='inputA'|  |       ID='inputB'        |
+------------+  +--------------------------+

+------------------------------------------+
                    A

如何使用JavaScript获取距离A（以像素为单位）？

我不能只增加它们的宽度，因为中间有一个小缝隙。

谢谢！

Answer 1

如果它们彼此相邻，则应该可以使用.getBoundingClientRect()来确定距离：

const startX = in1.getBoundingClientRect().x;
const endX = in2.getBoundingClientRect().x + in2.getBoundingClientRect().width;

const A = endX - startX

Answer 2

获取任何输入元素并获取其父元素并获取其宽度

document.getElementById("inputA").parentElement.clientWidth;

Answer 3

将两个输入都放在一个范围内，例如>>>>>，然后使用jquery取span.width（）