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