javascript - 单击按钮时我得到 "indexOf is not a function"，这是为什么？

Question

我已经创建了一个简单的 html 和 javascript 文件，我试图在点击时获取元素索引，为什么我得到“indexOf 不是一个函数”？这是代码:

<button id="1">1</button>
<button id="2">2</button>
<button id="3">3</button>
<button id="4">4</button>
<button id="1">5</button>

<script>

    var items = document.getElementsByTagName('button');
        for(var i = 0; i < items.length; i++) {
            items[i].addEventListener('click', function(){
                var ind = items.indexOf(this);
                console.log(ind);
            });
        }
</script>

Answer 1

indexOf 是一种在 Array 对象上找到的方法。

getElementsByTagName 返回一个实时 HTMLCollection，而不是一个数组。它在很多方面都类似于数组(例如，它具有数字索引属性和 length)，但它不具备数组的所有属性。

您可以访问数组(或数组构造函数的原型(prototype))的 indexOf 属性并使用 .call() 或 。 apply() 在 HTMLCollection 对象的上下文中使用它。