I'm looking for a pure JS way of finding the offset of a child within it's parent.

Given the below sample:

<div> A <br> short space elapsed, <b>and</b> up into this noiselessness came Ahab alone from his cabin. <span>Taking a few turns on the quarter-deck, he paused to gaze over the side</span> </div> 

I would get 3 children, a br, b, and span. Each would need to have an offset to the start of the div.
So the br would have an offset of 2.

My initial idea was to get all the children of the div, then somehow from that be able to easily get an index.

I'm looking for a pure JS way of finding the offset of a child within it's parent.

Given the below sample:

<div> A <br> short space elapsed, <b>and</b> up into this noiselessness came Ahab alone from his cabin. <span>Taking a few turns on the quarter-deck, he paused to gaze over the side</span> </div> 

I would get 3 children, a br, b, and span. Each would need to have an offset to the start of the div - So the index of how many characters into the div the start of the tag is.
So the br would have an offset of 2.

My initial idea was to get all the children of the div, then somehow from that be able to easily get an index.

I'm looking for a pure JS way of finding the offset of a child within it's parent.

<div> A <br> short space elapsed, <b>and</b> up into this noiselessness came Ahab alone from his cabin. <span>Taking a few turns on the quarter-deck, he paused to gaze over the side</span> </div> 

Looking at the above HTML, I'd like to get the offset of all the children. For example, the <br> would have an offset of 2 (Because the div is the parent I'm looking in).

My initial idea was to get all the children of the div, then somehow from that be able to easily get an index.

I'm looking for a pure JS way of finding the offset of a child within it's parent.

Given the below sample:

<div> A <br> short space elapsed, <b>and</b> up into this noiselessness came Ahab alone from his cabin. <span>Taking a few turns on the quarter-deck, he paused to gaze over the side</span> </div> 

I would get 3 children, a br, b, and span. Each would need to have an offset to the start of the div.
So the br would have an offset of 2.

My initial idea was to get all the children of the div, then somehow from that be able to easily get an index.