javascript css 동적제어

만약 css를 javascript에서 쓰고 싶다면?

 

css 코드

#loading-mask {
	position:absolute;
    top:0;
    left:0;
    background-color:#ffffff;
    opacity:0.80;
    filter:alpha(opacity=80);
    z-index:30000;
    display:none;
}

 

javascript 코드

var wrap = document.getElementById('wrap');
      wrap.style.position = 'absolute';
      wrap.style.top = '0';
      wrap.style.left = '0';
      wrap.style.background = '#ffffff';
      wrap.style.opacity = '0.80';
      wrap.style.filter = 'alpha(opacity=80)';
      wrap.style.zIndex = '30000';
      wrap.style.display = 'none';

 

 

참고

z-Index -> zIndex로 써야함

(javascript에서 '-'라는게 안돼는듯?)