javascript를 사용하여 html로 여러 요소 숨기기

Question

요소의 여러 ID를 표시하거나 숨기고 싶습니다.

내 HTML 파일의 자바 스크립트에 문제가 있습니다.

<Script type="text/javascript" language="JavaScript"><!-- 
function HideContent(d){ 
document.getElementById(d).style.display = "none"; 
} 
function ShowContent(d){ 
document.getElementById(d).style.display = "block"; 
} 
//--></script> 

그리고 내 HTML : 여기

은 자바 스크립트의 내가 영어를 선택하면

<div class = "left" id="colsxmenu"> 
<ul> 
     <li><a href="javascript:HideContent('colsxmenu')"> ENGLISH</a> 
     <li><a href="javascript:HideContent('uniquename')">FRENCH</a> 

사실,이 colsxmenu을 숨기고 잘 작동하지만, 내가 필요한 것은 내가 프랑스를 선택하면이해야이다 하나 이상의 요소를 숨 깁니다.

('colsxmenu';'colsxmenu2')을 추가하려고했지만 작동하지 않았습니다.

Answer 1

당신은 당신의 기능 요소의 배열을 전달할 수 있습니다

<div id="first">first</div> 
 
<div id="second">second</div> 
 
<a href="javascript:HideContent(['first','second'])"> ENGLISH</a> 
 
<script> 
 
    function HideContent(obj) { 
 
    for (var i = 0; i < obj.length; i++) { 
 
     document.getElementById([obj[i]]).style.display = 'none'; 
 
    } 
 
    } 
 
</script>

Answer 2

인수의 변수 번호를 허용하도록 HideContent 기능을 정의합니다. 여러 요소를 숨기려면 아래와 같이해야합니다.

<script> 
    function HideContent() { 
    if (arguments.length > 0){ 
     for(var i=0; i < arguments.length; i++{ 
     document.getElementById(arguments[i]).style.display = "none"; 
     } 
    } 
    } 
</script> 

그 후 당신은

HideContent('colsxmenu'); 
HideContent('colsxmenu', 'uniqename');