document.getElementbyId - получить более одного идентификатора одновременно?

Question

Можно ли скрыть более одного всплывающего окна за один звонок?Например,

    ...onclick="document.getElementById('PopUp1').style.display = 'none' "...

Могу ли я попросить его немедленно получить элементы с идентификатором PopUp2, PopUp3 и т. Д.?Это возможно с простым изменением синтаксиса или нет?

Answer 1

Нет, вы не можете сделать это в чистом JavaScript.Вам лучше вызвать функцию из события onclick, а затем просмотреть все всплывающие окна в этой функции:

function closePopups() {
    for (var i = 1; i <= 3; i++) {
        document.getElementById('PopUp' + i).style.display = 'none' 
    }
}

Тогда ваш обработчик события будет:

...onclick="closePopups()"...

Answer 2

Это где основанные на селекторах фреймворки, такие как jQuery, действительно, действительно полезны. В jQuery можно использовать любой из них:

$("#myButton").click(function() {
    $("#Popup1, #Popup2, #Popup3").hide();
});

Или, если вы положите общий "class=popup" на все эти объекты, которые вы хотите скрыть, вы можете использовать это:

$("#myButton").click(function() {
    $(".popup").hide();
});