如何获取dom元素相对于其父元素的字符偏移量

Question

给出以下HTML代码：

<div>Some Text<span id="marker"></span>some more text</div>

我正在寻找一种方法来使用JQuery或纯JavaScript获取标记跨度相对于div的字符偏移量。

e.g。在这个例子中，偏移量将是9个字符。

Answer 1

var marker = document.getElementById('marker'),
    div = marker.parentNode;

console.log(div.innerHTML.indexOf('<span id="marker">')); // span offset (9)
console.log(marker.outerHTML.length); // span outer length (25)