问题:HTMLCollection

2018-01-17  本文已影响19人  YZY君
  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

上一篇下一篇

猜你喜欢

热点阅读