javascript - 用事件代理给没给dt添加一个子元素
本文介绍了javascript - 用事件代理给没给dt添加一个子元素的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
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);
解决方案
楼上这个写的也不对呀,用事件代理了之后就得判断当前对象是不是dt,是的话再用innerHTML给对应的dt添加子元素
这篇关于javascript - 用事件代理给没给dt添加一个子元素的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文