Javascript 如何为mr[2]和test1[2]添加onclick by for循环

如何为mr[2]和test1[2]添加onclick by for循环

我有更多的按钮和iFrame

mr[2].onclick = function selectItem() {
    for (var i = 0; i < mr.length; i++) {
        mr[i].classList.remove('selected');
        mr[i].style.backgroundColor = 'rgba(21,21,21,1)';
    };

    this.classList.add('selected');
    this.style.backgroundColor = '#ff5722';

    for (var i = 0; i < test1.length; i++) {
        test1[i].setAttribute('src', 'https://upload.wikimedia.org/wikipedia/commons/0/0c/Olive_green_check.svg');
        test1[i].style.display = 'none';
    };

    test1[2].setAttribute('src', 'www.google.com');
    test1[2].style.display = 'block';
};

---

考虑在要添加onclick属性的OBEJCT上使用DOM元素方法addEventListener作为可能的解决方案：

---

mr[2]是5个按钮中的按钮2，test1[2]是5个iframe中的iframe 2

mr[2]和test1[2]是什么？你写的东西有什么问题？