javascript 스타일 및 증분 가져 오기

Question

외부 css onclick에서 margin-left 특성을 변경하는 슬라이더를 만들려고합니다. 그래서 속성을 가져 와서 새로운 속성을 설정해야합니다. 시간 자바 스크립트에서

Answer 1

의 . 연산자는 문자열을 연결하지 않습니다에 대한

<style> 
#divName 
{ 
    margin-left:20px; 
} 
</style> 

    <script language="javascript" type="text/javascript"> 

       var x = document.getElementById(divName); 

      if (x.currentStyle) 
      { 
       var y = x.currentStyle[marginLeft]; 
      } 
      else (window.getComputedStyle) 
      { 
       var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(marginLeft); 
      } 

       y = y + 20; 

       document.getElementById(divName).style.marginLeft = y .'px'; 

    </script> 

감사 :

여기 내 코드입니다.

document.getElementById(divName).style.marginLeft = y + 'px'; 

또한 아마 ( marginLeft 이름과 "marginLeft"로 설정된 범위 내에서 변수가없는 한) 문자열이 아닌 이름으로 marginLeft을 통과해야

:

대신 + 연산자를 사용

을

var y = x.currentStyle["marginLeft"]; 

그리고 :

var y = document.defaultView.getComputedStyle(x, null).getPropertyValue("marginLeft");