如何计算预格式文本中的跨度偏移量？

Question

如何计算子串My car is red的第一个字符相对于预定义文本（Burguer rocks.）开头的偏移量？

<pre id="pref-text">
    Burguer rocks. <span id="highlight-0">Without cheese please.</span>
    Pizzaaaaaa time! <span id="highlight-1">My car is red.</span> blablabla.
</pre>

Answer 1

  

HTMLElement.offsetLeft 只读方法返回当前元素的左上角在{{3}内向左偏移的像素数} node   HTMLElement.offsetParent

回答你的问题

  

如何计算＆＃34;我的车是红色＆＃34;？

的偏移量

使用javascript元素的.offsetLeft属性。

＆＃13;

＆＃13;

alert(document.getElementById('highlight-1').offsetLeft);

＆＃13;

<pre id="pref-text">
Burguer rocks. <span id="highlight-0">Without cheese please.</span>
Pizzaaaaaa time! <span id="highlight-1">My car is red.</span> blablabla.

</pre>

＆＃13;

＆＃13;

＆＃13;

Answer 2

我解决了这个问题：

var span = document.getElementById('highlight-1');

var offset = 0;
var nextBlock = span.previousSibling;

while (nextBlock != null){
    offset = offset + nextBlock.textContent.length;
    nextBlock = nextBlock.previousSibling;
}