问题:HTMLCollection

  var tapLi = document.getElementsByClassName('text')
  console.log(tapLi)
  console.log(tapLi[0])

MDN HTMLCollection

HTMLCollection中item( )方法返回一个编号的元素 ,在JavaScript中把HTMLCollection当成是一个是数组并用数组符号去索引十分简单。

1 var c = document.images;  // This is an HTMLCollection
2 var img0 = c.item(0);     // You can use the item( ) method this way
3 var img1 = c[1];          // But this notation is easier and more >common

以下是Safari中控制台的显示

[Log] HTMLCollection (0) (seckill.js, line 210)
0 
<p class="text">已结束</p>
1 
<p class="text">已结束</p>
2 
<p class="text">正在疯抢</p>
3 
<p class="text">即将开抢</p>
4 
<p class="text">即将开抢</p>

“HTMLCollection”原型

以下是chrome中控制台的显示

HTMLCollection []
0
:
p.text
1
:
p.text
2
:
p.text
3
:
p.text
4
:
p.text
length
:
5

console.log(tapLi[0])返回的是undefined

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • FreeCodeCamp - Basic JavaScript 写在前面: 我曾经在进谷前刷过这一套题,不过当时只...
    付林恒阅读 16,493评论 5 28
  • Lua 5.1 参考手册 by Roberto Ierusalimschy, Luiz Henrique de F...
    苏黎九歌阅读 13,877评论 0 38
  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,195评论 0 13
  • 今天下班和同事拼车滴滴,遇到爷孙俩。小男孩坐后排和我们一起,六七岁,说自己上一年级。爷爷等他放学去十几公里外的地方...
    阳光下的凤尾竹阅读 719评论 0 0
  • 我在想着 我到底适合什么工作呢 或者我想做什么工作 倘若只为了赚钱而工作 那我可能需要去做一些无趣的工作 倘若为了...
    冰林阅读 233评论 1 0