如何獲得字符DOM元素相對於偏移到其父

Question

考慮下面的HTML代碼：

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

我正在尋找一種方式來獲得該字符相對於使用JQuery在div標記跨度的偏移或普通的JavaScript。

例如在這個例子中，偏移量是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)