                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /DOM事件探秘

為什么這樣無法實(shí)現(xiàn)呢？求解答 /(ㄒoㄒ)/~~ 代碼如下

<body>
?? ?<div class='title'>開始抽獎啦！</div>
?? ?<div class='btns' >
?? ??? ?<span class='start'>開始</span>
?? ??? ?<span class='stop'>結(jié) 束</span>
?? ?</div>
?? ?<script>
?? ?var data=['紅米','白米','小米','大米','黑米','恭喜抽中騷豬','謝謝惠顧'];
?? ?window.onload=function(){
?? ??? ?
?? ??? ?var start=document.getElementsByClassName('start');
?? ??? ?var stop=document.getElementsByClassName('stop');
?? ??? ?var title=document.getElementsByClassName('title');
?? ??? ?start.onclick=function(){
?? ??? ??? ? timer=setInterval(function(){
?? ??? ??? ??? ?var random=Math.floor(Math.random()*data.length);
?? ??? ??? ??? ?console.log(random);
?? ??? ??? ??? ?// title.innerHTML=data[random];
?? ??? ??? ?},50);
?? ??? ?}
?? ?}
?? ?</script>
</body>

慕仔1126745

2019-08-10

源自：DOM事件探秘 4-4

關(guān)注問題我要回答

788

操作

收起

1 回答

關(guān)四鳥
2019-09-02

<body><div?class='title'>開始抽獎啦！</div>
<div?class='btns'?><button?class='start'>開?始</button>
<button?class='stop'>結(jié)?束</button></div>
<script>
var?data=['紅米','白米','小米','大米','黑米','恭喜抽中騷豬','謝謝惠顧'];
window.onload=function(){var?start=document.getElementsByClassName('start');
var?stop=document.getElementsByClassName('stop');
var?title=document.getElementsByClassName('title');
start[0].onclick=function(){function?timer(){var?random=Math.floor(Math.random()*data.length);
console.log(random);
title[0].innerHTML=data[random];}setInterval(timer,50);}}
</script>
</body>

你注意看getElementsByClassName中間有s，它是一個(gè)對象集合。上述是改過之后的代碼，你可以繼續(xù)寫完stop