使用原生javascript如何获取target事件源对象相对于兄弟节点的索引

Question

<div id='demo>
<span></span>
<span></span>
</div>

如上，有两个span标签，当鼠标在某个span上触发时，需要获取触发的是第几个span，原生js似乎没有方法或者属性可以获取，求思路

Answer 1

var getIndex = function (element) {
    return Array.prototype.slice.call(element.parentNode.children).indexOf(element);
}

Answer 2

获取index？

<div id='demo'>
   <span>span 1</span>
   <span>span 2</span>
</div>





<

script type="text/javascript">
    var spans = document.querySelectorAll('#demo>span');

    for (var i=0;i<spans.length;i++){
        spans[i].index =i //这里的index作为索引
        spans[i].onclick = function(){
        alert(this.index)

        }
    }
</script>