封装以id获取元素的方法

封装以id获取元素的方法

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

封装这个起什么作用呢?

我要获取元素时,给的肯定是字符串,为什么要判断id是否字符串呢?

如果给的不是字符串,返回id又有什么用呢?

唯一感觉到的用处只是使document.getElementById( )这一句话变短成了byId( )

正在回答

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

3回答

同学你好,正常情况下,我们传入的参数都是字符串形式。

比如:
http://img1.sycdn.imooc.com//climg/5d4bb8db00010d2310690319.jpg

页面效果:
http://img1.sycdn.imooc.com//climg/5d4bb8f600011d6d13920201.jpg

如果传入的参数不是字符串类型的,就不能使用document.getElementById( )方法,就把传进来的参数原样返回,(id可以不获取就直接使用。虽然不推荐,但是也是可以用的。)

比如:

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

同学可以自己测试下,如果帮助到了你,欢迎采纳~祝学习愉快~

好帮手慕言 2019-08-08 12:49:48

同学你好,可能是老师表达的不够清晰,让同学有了误解,老师的意思是在页面上有很多有id的元素,比如几十个,上百个。如果在js中都要用到,可以通过document.getElementById( )去获取元素,如果不封装的话,要写很多遍的document.getElementById( ),如果封装了byId方法,会减少代码的书写量。

如果帮助到了你,欢迎采纳~祝学习愉快~

  • 提问者 午炎子栩 #1
    谢谢,明白了 但我还是想知道为什么要判断传入的id类型,id不总是string类型的吗? 如果id不是string类型,就返回id又有什么用呢?
    2019-08-08 13:44:35
好帮手慕言 2019-08-08 12:09:24

同学你好,老师封装这个方法是为了通过id去获取元素时,代码可以简短一些(针对于通过id获取元素的有很多的 情况,如果只有几个,完全可以使用document.getElementById( )去获取元素)

判断参数是否为字符串的形式,是针对于传入参数时传入的不是字符串形式的情况下。如果传入的不是字符串就不能使用document.getElementById( ),

如果帮助到了你,欢迎采纳~祝学习愉快~

  • 提问者 午炎子栩 #1
    通过id获取元素有很多种情况?是我们目前只学到一种document.getElementById()吗,其它情况有时id会是数字?在元素里面定义id属性时不是都写的id = ""加了引号吗?怎么会是数字
    2019-08-08 12:18:04
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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