javascript - 如何获取某个元素右侧到另一个元素的偏移量？

Question

FI 在 div 中有一些文本，

<div>
<p style="text-indent: 0">something</p>
</div>

一些文本在 div 内

     |-----------------------|
     |                       |
     |something              |
     |                       |
     |                       |
     |-----------------------|

如何获得从gdiv 到左侧的偏移量？以上应该是积极的

和

    <div>
    <p style="text-indent: -100px">something</p>
    </div>

好像

             |-----------------------|
             |                       |
   something |                       |
             |                       |
             |                       |
             |-----------------------|

如何获得从gdiv 到左侧的偏移量？以上应该是负面的

Answer 1

您可以使用position:relative将其p从当前位置移动到 div 的左侧：

<div>
  <p style="position:relative;left:-100px;">something</p>
</div>

这是一个简单的例子：https ://jsfiddle.net/as1m860v/

Answer 2

如果您的“某物”将变为动态或具有可变宽度，则以下修改可以产生您想要的结果。

HTML

<div>
    <p id="ToIndent">something</p>
</div>

Javascript

const dom = document.querySelector('#ToIndent');
dom.style.textIndent = `-${dom.offsetWidth}px`;

或者;

HTML

<div>
    <p id="ToIndent" style="position: relative;" >something</p>
</div>

Javascript

const dom = document.querySelector('#ToIndent');
dom.style.left= `-${dom.offsetWidth}px`;