document.getElementbyId - 한 번에 둘 이상의 ID를 가져 오는 중입니까?

Question

하나의 통화에서 두 개 이상의 팝업을 숨길 수 있습니까? 예를 들어,

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

나는 즉시도 등 ID PopUp2, PopUp3와 요소를 얻기 위해 질문 할 수 있습니까? 간단한 구문 변경으로 가능합니까?

Answer 1

아니요, 순수한 자바 스크립트에서는 그렇게 할 수 없습니다.

이

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

그런 다음 이벤트 핸들러는 다음과 같습니다 :

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

Answer 2

이 같은 위치를 선택 기반의 프레임 워크입니다 당신은 더 나은 그 함수의 팝업을 통해 상기 온 클릭 이벤트에서 기능과 다음 루프를 호출 할 것 jQuery는 정말 유용합니다. jQuery를, 이들 중 하나가 사용될 수있다 : 당신은 당신이 숨겨진 원하는 모든 객체에 공통 "class=popup"를 넣어 경우,

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

을 또는, 당신은이를 사용할 수 있습니다

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