javascript tagName事件委托
发布在前端菜鸟2016年8月2日view:2825BrettBat
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

javascript tagName事件委托: 例子一:单一的标签元素DIV window.onload=function(){ var oDiv=document.getElementsByTagName("div"); document.onclick=function(ev){ var ev=ev||event var target=ev.srcElement||ev.target; if(target.tagName=="DIV"){ target.style.background="blue"; } } } 演示效果:javascript tagName事件委托 例子二:有父级与子级 window.onload=function(){ var oBtn=document.getElementsByTagName("input")[0]; var oH3=document.getElementsByTagName("h3"); var oBox=document.getElementsByTagName("div")[0]; oBox.onclick=function(ev){ var ev=ev||event; var target=ev.srcElement||ev.target; if(target.tagName=="H3"){ target.style.background="#f00"; } } oBtn.onclick=function(){ var aH3=document.createElement("h3"); aH3.innerHTML="前端菜鸟标题"; oBox.appendChild(aH3); } } 演示效果:javascript tagName事件委托二

评论
发表评论
暂无评论
WRITTEN BY
前端菜鸟
前端菜鸟是为前端初学者提供div+css、html5+css3、JavaScript、jquery、前端web开发、移动端html5开发集一体的前端知识以及前端资讯网站!
TA的新浪微博
PUBLISHED IN
前端菜鸟

和大家共同交流javascript技术

友情链接 大搜车前端团队博客
我的收藏