美文网首页
问题:HTMLCollection

问题:HTMLCollection

作者: YZY君 | 来源:发表于2018-01-17 13:36 被阅读19次
      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

    相关文章

      网友评论

          本文标题:问题:HTMLCollection

          本文链接:https://www.haomeiwen.com/subject/hktuoxtx.html