Использование кнопки (в моем репитере) для отображения скрытой информации с использованием JavaScript, но, похоже, не работает

Question

первый пост здесь.

Итак, у меня есть повторитель в моем html и в этом повторителе у меня есть кнопка, как показано ниже:

                <button type="button" class="btn btn-info">Contact</button>
                <p style="display: none" id="contact"><%# Eval("Email") %></p>

То, что я хочу сделать, это иметьскрытое поле информации, поэтому у меня есть дисплей: ни один, чтобы скрыть его.Затем каждый раз, когда я нажимаю кнопку, я хочу, чтобы электронная почта появлялась под ней.

У меня есть некоторый код JavaScript, чтобы сделать это:

    var element = document.querySelectorAll(".btn btn-info");

    for (var i = 0; i < element.length; i++) {
        element[i].addEventListener('click', function () {
            this.style.display = "block";
        }, false)
    }

Но я не могу заставить его работать,Каждый раз, когда я нажимаю кнопку, ничего не происходит.

Если бы кто-нибудь мог мне помочь, это было бы действительно здорово.Спасибо!

Answer 1

Вам придется изменить свой JavaScript на это:

var elements = document.querySelectorAll(".btn.btn-info");

for (var i = 0; i < elements.length; i++) {
    elements[i].onclick = function() {
        // Suppose this.nextElementSibling is the email hidden field
        this.nextElementSibling.style.display = "block";
    };
}