【九月打卡】第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>
做轮播图的交互效果我们需要获取主容器main,所以我们要给它id方便获取
id=“main”
直接写document.getElementByid(),重复性很高,我们用一个方法来代替它
//封装一个代替getElemenbyid()的方法
function byid(id){
typeof (id)==="string"?document.getElementbyid(id):id;
}
typeof是对类型做一个判断,===对传入进来id值和类型同时判断
如果是string成立,我们就document.getElementbyid(id)
反之,如果传进来id是个number,我们就返回number
需要返回出去 加上return
测试,尝试获取 main的div容器里的内容
成功获取
三。本节重点,跟着老师做几遍就可以啦O(∩_∩)O
共同学习,写下你的评论
评论加载中...
作者其他优质文章