변수로 자바 스크립트 단순화

Question

if (this.firstChild.style.display == 'none') 
{this.firstChild.style.display = 'block'} 
else 
{this.firstChild.style.display = 'none'}; 

변수를 사용하여이 코드를 단축 할 수 있습니까?

Answer 1

처럼 삼항 연산자 사용에 단축 할 수 당신은 이런 식으로 단축 할 수 있습니다

var a = this.firstChild.style; 
a.display = (a.display=='none'?'block':'none'); 

Answer 2

var childStyle=this.firstChild.style; 
if (childStyle.display == 'none'){ 
    childStyle.display = 'block'; 
} 
else{ 
    childStyle.display = 'none'; 
} 

은 이에 상응하는 것입니다.

당신은 더

var childStyle=this.firstChild.style; 
childStyle.display=(childStyle.display=='none')?'block':'none'; 

Answer 3

을이

$("div span:first-child").toggle(); 

보다 단축 그것보다 JQuery와 갈 경우

또는

$(this).find(">:first-child").toggle(); 

Answer 4

시도 :

그런데

var elstyle = this.firstChild.style; 
elstyle.display = /block/i.test(elstyle.display) ? 'none' : 'block' 

Answer 5

이 또 다른 대안이 될 수 있는가? , 그리고 요소의 display``재산에 변수`childStyle`에 문자열 '블록'을 지정합니다

with this.firstChild.style.display{this=(this=='none')?'block':'none';}