DOM事件探秘_技术问答

<body><div class='title'>开始抽奖啦！</div>
<div class='btns' ><button class='start'>开 始</button>
<button class='stop'>结 束</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，它是一个对象集合。上述是改过之后的代码，你可以继续写完stop

2019-08-10 1回答·832浏览

慕神030551

为什么按着视频敲的代码点击开始没有反应，而复制源码点击开始就有反应了，求助大神啊: timer那个闭包函数写的有问题; 2018-10-24 1回答·586浏览

田雨_TY_0529

笔记界面不显示: 换个浏览器试试，谷歌，360，火狐都能打开，搜狗好像有bug打不开; 2018-06-07 1回答·1428浏览

风到这里就是粘

到这一步为什么点击开始按钮没有反应？求帮忙找找问题出在哪里

已采纳 KloseZ 的回答

第38行应该是play.onclick，你写成了onlick，少了个c。

39行同理

2017-07-29 1回答·1549浏览

我要坚持11

内联元素不是不能定义宽和高么？

已采纳 BIANHE 的回答

因为浮动了，就可以对他设置宽高了

在css权威指南里的解释是：

此外，浮动元素会生成一个块级框，而不论这个元素本身是什么。因此，如果让一个链接浮动，即使该链接元素本身是行内元素，通常会生成一个行内框，但只要它是浮动的，就会生成一个块级框，它会像块级元素一样摆放和表现。

2017-05-12 2回答·1506浏览

慕少1471586

编辑css用的是哪个插件: 兄弟试试 vscode 蛮好用的(免费轻量插件多容易找微软开发) webstorm也行啊实在不爽记事本也不错啊; 2017-04-11 2回答·737浏览

加咖啡喵

为什么会这样呢加了meta charset='utf-8': 客气啦我什么都没帮上呢; 2017-04-08 3回答·961浏览

weibo_happy的小小明_0

开始抽奖啦！那里为什么要id和class 都为title ，不能只保留一个吗

已采纳 yong_x 的回答

class的title是css的样式,

id的title是js用于获取div的id为title的元素.

2017-04-08 1回答·843浏览

慕粉3283683

看了好几节的都没有掌握好咋办要重新看好几遍？: 也有同感，不过最好自己实践做出来效果最好了。; 2017-04-04 1回答·607浏览

非常有喜

求HTML和css的代码: 已采纳的回答; 2017-03-06 1回答·252浏览

路过的小白成长ing

给数组赋值

已采纳御焱的回答

'num' + i，是文本拼接，所以得到的是字符串。

为什么不把num0, num1, num2, num3, num4一开始就定义成数组呢？

2017-01-23 1回答·855浏览

weibo_黄欢95_0

开始结束按钮: 已采纳番碱丶的回答; 视频里老师也有讲的，其实都可以实现的，功能可以一样，只是方法不同而已。可能用span的话修饰起来更直观。; 2016-12-06 1回答·1300浏览

Mileswongke

请问input的value为什么不能显示: 就是你可能没保存好，刷新也没有用，有些编程软件好像需要重新退出打开。你下次可以直接找到文件夹重新打开html文件。而且一般用placeholder比较好吧，输入的时候还要把value删掉体验很不好诶; 2016-10-26 3回答·1594浏览

weibo_用户ir6qzbbg_03820641

sublime text2: 已采纳 Yasin92x 的回答; 直接百度搜索，上官网下呗，中文版可以装一个language的插件，可以百度到的; 2016-10-17 1回答·531浏览

名字都给你们起完了

为什么在火狐和谷歌浏览器都显示不出来css样式: 是不是浏览器不兼容; 2016-09-19 1回答·2912浏览

李小子

text-align:center和margin:0 auto;

margin:0 auto;是使块在浏览器页面中居中；

text-align:center;是使文本在所在的块内居中

2016-07-30 2回答·509浏览

WE2008311

HTML出现乱码: 已采纳雪莉酱的回答; 在head里加<meta http-equiv="Content-Type" content="text/html; charset=gb2312">; 2016-07-27 2回答·1238浏览

qq_言不由衷_0

<span>标签中margin-right不起作用？: 因为span不是块级元素，添加一条样式display：block，应该就可以了; 2016-07-20 1回答·1225浏览

呐呐_27

onkeypress: onkeydown + onkeyup 等价于一次 onkeypress; 2016-07-04 1回答·341浏览

子涵_program

为什么要点击两次“开始”按钮才开始动: 贴下代码上来比较容易找到问题；; 2016-06-24 1回答·972浏览

Hew_520

play.onclick=playFun; 和 play.onclick=playFun(); 啥区别: 已采纳 Nanfeng 的回答; 一个是把playFun函数赋值给onclick事件，一个是把playFun函数的执行结果给了onclick事件; 2016-06-22 1回答·1077浏览

Hew_520

id也能重复吗？不是说id不能重复吗？: 已采纳 Bang3416578 的回答; id是唯一的，不能重复的; 2016-06-22 1回答·995浏览

Sharron

今天用火狐浏览器居然打不开慕课网！！ie也打不开！！浏览其他的网页可以啊，不知道为什么: 已采纳迟到千年_ 的回答; firefox和ie都可以啊; 2016-05-25 2回答·1663浏览

慕妹7683697

这个就是按照老师写的一模一样写了一遍，怎么点开始没反应呢？: 已采纳传说中的小白龙的回答; 你在HTML文件中引用JS文件的时候标签闭合写成style了。; 2016-05-11 2回答·751浏览

慕粉3146726

一个事件处理函数里面允许另一个事件注册吗？: 这样做逻辑上没有意义吧，你是想键盘敲和鼠标点同时发生来触发事件？？; 2016-04-20 1回答·823浏览

龙跃

乱码怎么改啊: 乱码一般都是你编的文件编码和浏览器解码不匹配，你把文件打开--另存为--文件编码--选择utf-8就可以了; 2016-04-13 3回答·927浏览

小尼采

代码如下，我的抽奖停止需要2按2次才停下来，求助

已采纳湛瞳的回答

var data = ['iphone5', 'ipad', '佳能单反', '迪拜双人游', '巴厘岛三人游', '科颜氏套装', 'NewBalance复古鞋'],
 timer = null;

window.onload = function(){
 var title = document.getElementById('title'),
  play = document.getElementById('play'),
  stop = document.getElementById('stop');

 // 开始抽奖
 play.onclick = playFun;

 // 停止
 stop.onclick = stopFun;
}

function playFun(){
 timer = setInterval(function(){
  // 随机
  var random = Math.floor(Math.random() * data.length);
  title.innerHTML = data[random];
 }, 50);
}

function stopFun(){
 clearInterval(timer);
 title.innerHTML = data[0];//每次停止时都显示iphone5
}

js文件如上。不知道你是不是这个意思

2016-04-03 2回答·997浏览

Eason_Mar

这个视频什么时候录的，怎么感觉很老了啊？: 基础的东西永远都不会过时; 2016-03-31 2回答·678浏览

我要吃冰激凌

0到7的数出现的概率都一样吗: 理论上是一样的，但是rand 随机数时间越长，随机的数目才越靠谱; 2016-03-17 1回答·607浏览

我要吃冰激凌

在window.onload里声明的title在playFun里不起作用吗: window.onload执行的是一个函数函数里声明是局部变量不是全局变量，如果在window.onload外声明，就好像data那样声明就是全局变量，就能调用。; 2016-03-17 1回答·766浏览