老师我好迷啊哈哈

老师我好迷啊哈哈

http://img1.sycdn.imooc.com//climg/5db7a668097f0af512570245.jpg1.老师这个screenCls是什么意思,是要传入什么样的值呢?

2.document.querySelector()老师这括号里面是写选择器吗?也就是说screenCls是指要传入的选择器吗?

3.老师for循环里面的element/baseCLs我都不知道代表着什么老师你能拿视频中的第一屏举个例子吗

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,是的,可以打印验证一下:

http://img1.sycdn.imooc.com//climg/5f3b7d9909177e9b02710030.jpg

http://img1.sycdn.imooc.com//climg/5f3b7d93093e643316570221.jpg

假设传递的是.screen-1,那么就表示该屏幕的里所有的内容,即:

http://img1.sycdn.imooc.com//climg/5f3b7e4d09bfc06c02630096.jpg

祝学习愉快~

好帮手慕码 2020-08-18 10:35:21

同学你好,解答如下:

1、screenCls是方法setScreenAnimate传入的参数:

http://img1.sycdn.imooc.com//climg/5f3b3ac9091b5a7f05240106.jpg

再看下调用setScreenAnimate时候,传入的参数:

http://img1.sycdn.imooc.com//climg/5f3b3afe0994f1b503630102.jpg

因此screenCls是k,值为:

http://img1.sycdn.imooc.com//climg/5f3b3b13096515d601900175.jpg

2、querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素,可以传递类名、id名,元素名等:

http://img1.sycdn.imooc.com//climg/5f3b3ba60934c24a04870190.jpg

http://img1.sycdn.imooc.com//climg/5f3b3bab098f26d208420046.jpg

关于本代码,screenCls是一个变量,指代类名,即.screen-1~.screen-5;

3、(1)element表示屏幕中的所有元素。

第一屏为例:把document.querySelector(animateElements[i])赋值给element;animateElements又是screenAnimateElements[screenCls]赋值所得:

http://img1.sycdn.imooc.com//climg/5f3b3c99093e690408310365.jpg

screenAnimateElements表示一个对象,把第一屏传入,即为screenAnimateElements[screen-1],那么for其实遍历的是screenAnimateElements[screen-1]中的内容:

http://img1.sycdn.imooc.com//climg/5f3b3ce10923ecd808100828.jpg

可以打印看下:

http://img1.sycdn.imooc.com//climg/5f3b3da4092ec78c02120036.jpg

http://img1.sycdn.imooc.com//climg/5f3b3db4096190d807400231.jpg

(2)getAttribute() 方法返回指定属性名的属性值,那么“ element.getAttribute('class');”就是获取element 这个变量指代元素的类名,即:

http://img1.sycdn.imooc.com//climg/5f3b3df80989275304420075.jpg

http://img1.sycdn.imooc.com//climg/5f3b3dfe0996e3bf06110110.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

  • 提问者 母鸡阿 #1
    老师,animateElements这相当于是个数组吗,假如screenCls是screen-1,那么animateElements里装的是screen-1里面的元素吗,screen-phone啥的是这样吗
    2020-08-18 13:14:03
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师