父级中子DOM元素的索引

Question

我正在寻找一种纯JS的方法来查找孩子在其父对象中的偏移量。

给定以下示例：

<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>

我会得到3个孩子， br ， b和span 。 每个div的起始位置都必须有一个偏移量-因此，标签开始处div中有多少个字符的索引。
因此br的偏移量为2。

我最初的想法是让div的所有children ，然后以某种方式能够轻松获得索引。

Answer 1

function getChildrenOffset(parent){

        var childNodes = parent.childNodes;
        var childrenLocations = [];
        var offset = 0;
        var tagIndex = 0;

    for(var d = 0; d < childNodes.length; d++){

        var node = childNodes[d];



        if(node.tagName !== undefined){
            // This is a tag
            tagIndex += 1;

            var curLocation = new OffsetData(offset, tagIndex, node.tagName);
            childrenLocations.push(curLocation);

            offset += node.outerHTML.length;

        }else{
            // Just text
            offset += node.length;
        }
    }

    return childrenLocations;
}

function OffsetData(offset, index, tag){
    this.Offset = offset;
    this.Index = index;
    this.TagName = tag;
}