                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /瀑布流布局

它彈了兩次2三次3，是事件冒泡嗎？怎么阻止??？stopPropagation()放在哪啊？

<!doctype?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>Document</title>
</head>
<body>
????????<ul?id="list">
????????????<li>1</li>
????????????<li>2</li>
????????????<li>3</li>
????????????<li>4</li>
????????</ul>
????????<p>class為on的p標簽</p>
</body>
</html>
<script?type="text/javascript">
??window.onload=function(e){?
????var?len1=?getByClass("on","list");
?????alert(len1.length);??//?結果等于2為正確
????var?len2=?getByClass("on");
?????alert(len2.length);??//?結果等于3為正確
}
function?getByClass(clsName,?parent){
?//定義函數(shù)getByClass()實現(xiàn)獲取document或指定父元素下所有class為on的元素??
????var?oP?=?parent?document.getElementById(parent):document;
????var?oOn?=?oP.getElementsByTagName("*");
????var?on?=?[];
????for?(var?i=0,len=oOn.length;i<len;i++){
????????if(oOn[i].className?==?clsName){
????????????on.push(oOn);
????????}
????}
????return?on;
}
</script>

錢錢錢錢錢錢錢錢錢錢錢錢錢錢錢錢錢錢

2017-09-25

源自：瀑布流布局 2-6

關注問題我要回答

1761

操作

收起

6 回答

精慕門529618
2020-05-15

是程序后臺的原因，我把程序單獨放在文件里執(zhí)行就沒有出現(xiàn)二次

0 回復有任何疑惑可以回復我~

收起回答

iron_hj
2018-12-04

你好，應該是 onload 的原因。

0 回復有任何疑惑可以回復我~

收起回答

錢錢錢錢錢錢錢錢錢錢錢錢錢錢錢錢錢錢提問者
2017-09-27

你這樣的len2只是把body的class為on的子元素獲取到了，所以len2.length=1;?? 我上面的len2是把所有為on的元素獲取到了，所以我的len2.length=3；?? 但是我們倆這樣提交都會彈出多下。

0 回復有任何疑惑可以回復我~

收起回答

Tendernessmile
2017-09-27

????????????????????window.onload=function(){?
????????		????var?len1=?getByClass("on","list");
????????		?????console.log(len1.length);??//?結果等于2為正確
????????		????var?len2=?getByClass("on");
????????		?????console.log(len2.length);??//?結果等于1為正確
			}
			function?getByClass(clsName,?parent){
			?//定義函數(shù)getByClass()實現(xiàn)獲取document或指定父元素下所有class為on的元素??
			????var?oP?=?parent?document.getElementById(parent):document.body;
			????var?len?=?oP.children.length;
			????var?on?=?[];
			????for?(var?i?=?0;?i?<?len;?i++){
			????????if(oP.children[i].className?===?clsName){
			????????????on.push(oP.children[i]);
			????????}
			????}
			????return?on;
			}

不知道你想要的是不是這種結果。然后你獲取的是元素，不是給元素綁定事件，和事件冒泡關系不大吧，我了解的事件冒泡就是應用在動態(tài)綁定事件的時候，不知道子元素個數(shù)或者子元素個數(shù)動態(tài)變化時在父元素綁定事件，利用事件冒泡來進行事件處理。

0 回復有任何疑惑可以回復我~

收起回答

錢錢錢錢錢錢錢錢錢錢錢錢錢錢錢錢錢錢提問者
2017-09-26

上面html里面的body 把class丟了，暈，這里補上

<body>
?? ??? ?<ul id="list">
?? ??? ??? ?<li class="on">1</li>
?? ??? ??? ?<li class="select">2</li>
?? ??? ??? ?<li class="on">3</li>
?? ??? ??? ?<li>4</li>
?? ??? ?</ul>
?? ??? ?<p class="on">class為on的p標簽</p>
</body>