js蛋疼的Class(获取class对象)

之前处理class对象被迫用jquery,以为JavaScript不支持class。确实百度某些大神也说js不待见class对象,就这样本菜放弃了原生js。

今天偶然发现一片文章吐槽jquery拥抱JavaScript,原文地址。其中就提到了jsdocument.getElementsByClassNamejquery$(classSelector)强50倍。

有图有真相

到这里本菜的问题来了,之前度娘不是告诉我js不待见class吗?这又算哪门子方法。抱着求真务实的心态本菜决定试一下。

var box = document.getElementsByClassName("box");
box.value;            //返回undefined

为甚是undefined?这边文章不是赫然写着document.getElementsByClassName是原生js的函数吗?不可能没拿到class对象啊

带着疑问又开始问度娘... ... 

度娘告诉我document.getElementsByClassName拿到的是数组并非某一个对象,然后又试了一下。

        var box = document.getElementsByClassName("box");
        box[0].value;    //返回 box的内容

也许是jquery的$(classSelector)用多了,习惯性认为获取的是需要的那个对象,而忽略了最重要的class可复用,id不可复用原则。所以js之前没做getElementByClassName也是出于严谨的考虑,现在document.getElementsByClassName返回数组应该也是出于严谨的考虑。

本菜选择js不用jquery单纯觉得jquery每次用都要引外部文件很烦。嘿嘿~~


原文链接:点击打开链接


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值