如何为for循环添加onclick,对于mr [2]和test1 [2]

时间:2017-09-30 14:39:06

标签: javascript loops for-loop onclick

我如何通过for循环添加onclickmr[2]test1[2]

我有更多按钮和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';
};

2 个答案:

答案 0 :(得分:1)

考虑一下,可以简单地在你要添加&#34; onclick&#34;的obejct上使用DOM Element方法addEventListener。属性作为一种可能的解决方案:

https://www.w3schools.com/JSREF/met_document_addeventlistener.asp

答案 1 :(得分:0)

mr [2]是来自5个按钮的按钮2,test1 [2]是来自5个iframe的iframe 2