querySelectorAll委托事件目标的子级也给绑定事件了

Question

html

    <ul class="parent">
        <li class="nodeChild1">
        按钮1
            <a href="javascript:void(0)">子级</a>
        </li>
        <li class="nodeChild2">按钮2</li>
        <li class="nodeChild3">按钮3</li>
        <li class="nodeChild4">按钮4</li>
    </ul>

script

    var show = function (e) {        var pDiv = e.target,
            cDiv = document.createElement('div');
        pDiv.appendChild(cDiv);
        cDiv.innerText = 'hhhhhhhhh';
    }    var unboundForEach = Array.prototype.forEach,        forEach = Function.prototype.call.bind(unboundForEach);    forEach(document.querySelectorAll('.parent li'), function (el) {
        el.addEventListener('click', function (e) {
            show.call(this,e)
            console.log(e)
        });

    });

当我点击className‘nodeChild1’里面的a标签时，a标签也执行了show()函数，并且在a标签里面创建了div，请问这是冒泡的原理吗？点击a标签的时候怎么让show()方法的指针指向他的父级li在其里面创建div呢？