为了账号安全,请及时绑定邮箱和手机立即绑定

【九月打卡】第9天 javascript(轮播图封装getelementbyid)

1.课程名称:javascript getelementbyid


课程章节: 轮播图封装getelementbyid


2.课程内容

    需要使用到js了,先引入js文件路径

    <script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="js/script.js"><script>

    https://img1.sycdn.imooc.com//6320249700010a1610630831.jpg

    做轮播图的交互效果我们需要获取主容器main,所以我们要给它id方便获取

    id=“main”

    https://img1.sycdn.imooc.com//6320252d0001dbd812610699.jpg

    直接写document.getElementByid(),重复性很高,我们用一个方法来代替它

    //封装一个代替getElemenbyid()的方法

    function byid(id){

    typeof (id)==="string"?document.getElementbyid(id):id;



    }

    

    typeof是对类型做一个判断,===对传入进来id值和类型同时判断

    如果是string成立,我们就document.getElementbyid(id)

    反之,如果传进来id是个number,我们就返回number

    https://img1.sycdn.imooc.com//632036ce0001f2bf08770179.jpg

   需要返回出去 加上return

    https://img1.sycdn.imooc.com//632037310001378311160240.jpg

    

    测试,尝试获取 main的div容器里的内容   

    https://img1.sycdn.imooc.com//632037a4000116c010560396.jpg

    成功获取

    https://img1.sycdn.imooc.com//63203927000179fa16490741.jpg

    

    https://img1.sycdn.imooc.com//632038ef0001468e16630760.jpg

    

    三。本节重点,跟着老师做几遍就可以啦O(∩_∩)O

        



点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
数据库工程师
手记
粉丝
5
获赞与收藏
0

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消