继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

土星猪
关注TA
已关注
手记 76
粉丝 5
获赞 0

1.课程名称:javascript getelementbyid


课程章节: 轮播图封装getelementbyid


2.课程内容

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

    <script src="js/script.js"><script>

    http://img.mukewang.com/6320249700010a1610630831.jpg

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

    id=“main”

    http://img4.mukewang.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

    http://img3.mukewang.com/632036ce0001f2bf08770179.jpg

   需要返回出去 加上return

    http://img2.mukewang.com/632037310001378311160240.jpg

    

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

    http://img.mukewang.com/632037a4000116c010560396.jpg

    成功获取

    http://img3.mukewang.com/63203927000179fa16490741.jpg

    

    http://img1.mukewang.com/632038ef0001468e16630760.jpg

    

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

        



打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP