平时遇到的问题总结

平时遇到的问题总结，怕忘记记录在这儿，方便自己平时翻看，也想尽自己的绵薄之力帮助大家，欢迎大家提出宝贵的建议。 直接上问题： 一、今天用原生的js写点击事件触发的冒泡

html:

<div class="zuzhi"> <button type="button" value="阻止事件流">阻止事件流</button> </div>

javascript:

var zvzhi=document.getElementsByClassName('zuzhi'); var zuzhi_btn=document.getElementsByTagName('button'); zvzhi.onclick=function(){ alert("外面的div"); }; zuzhi_btn.onclick=function(){ alert("里面的button"); }

怎么点击都没反应，检查也通过类名和标签名获取到了div元素和button元素但是点击没效果。经过上网百度搜索知道， 因为编译器认为class可以重复，或许会有多个元素class都是相同的，直接换成document.getElementById()就行了，或者给document.getElementsByClassName()设置index，例如document.getElementsByClassName(‘div’)[0].onclick()就OK，

var zvzhi=document.getElementsByClassName('zuzhi')[0]; var zuzhi_btn=document.getElementsByTagName('button')[0]; zvzhi.onclick=function(){ alert("外面的div"); }; zuzhi_btn.onclick=function(){ alert("里面的button"); }

很久不写原生了，竟然忘记了，看来知识得经常回顾的。