用事件代理给没给dt添加一个子元素

Question

html:

<dl id="box"> 
        <dt class="menu-item"><input class="filter-input"></dt>
        <dt class="menu-item"><i class="fa fa-home"></i><a href="javascript:;">Home</a></dt>
        <dt class="menu-item"><i class="fa fa-hourglass"></i><a href="javascript:;">Events</a></dt>
        <dt class="menu-item"><i class="fa fa-photo"></i><a href="javascript:;">Gallery</a></dt>
        <dt class="menu-item"><i class="fa fa-cogs"></i><a href="javascript:;">Service</a></dt>
        <dt class="menu-item"><i class="fa fa-assistive-listening-systems"></i> <a href="javascript:;">System</a></dt>
        <dt class="menu-item"><i class="fa fa-briefcase"></i><a href="javascript:;">Portfolio</a></dt>
        <dt class="menu-item"><i class="fa fa-user"></i><a href="javascript:;">About</a></dt>
        <dt class="menu-item"><i class="fa fa-envelope"></i><a href="javascript:;">Contact</a></dt>
        <dt class="menu-item">FOOTER</i></dt>
    </dl>
    

js

var box = document.getElementById('box');
        box.addEventListener("click",function(e){
            var ev = event ||window.event;
                     ev.stopPropagation();
                wave = document.querySelector(".wave");
                       removeElement(wave);
            var _wave = document.createElement("div");

        },true);

Answer 1

楼上这个写的也不对呀，用事件代理了之后就得判断当前对象是不是dt，是的话再用innerHTML给对应的dt添加子元素