var tapLi = document.getElementsByClassName('text')
console.log(tapLi)
console.log(tapLi[0])
HTMLCollection中item( )方法返回一個(gè)編號(hào)的元素 ,在JavaScript中把HTMLCollection當(dāng)成是一個(gè)是數(shù)組并用數(shù)組符號(hào)去索引十分簡(jiǎn)單。
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中控制臺(tái)的顯示
[Log] HTMLCollection (0) (seckill.js, line 210)
0
<p class="text">已結(jié)束</p>
1
<p class="text">已結(jié)束</p>
2
<p class="text">正在瘋搶</p>
3
<p class="text">即將開搶</p>
4
<p class="text">即將開搶</p>
“HTMLCollection”原型
以下是chrome中控制臺(tái)的顯示
HTMLCollection []
0
:
p.text
1
:
p.text
2
:
p.text
3
:
p.text
4
:
p.text
length
:
5
console.log(tapLi[0])
返回的是undefined