자바 스크립트에서 불투명도 빼기

Question

이것은 바보 같은 질문 일 수 있지만이 슈퍼 스크립트를 작동시키지는 못합니다. 불투명도를 0.1로 줄이는 버튼이 필요합니다. 클릭 할 때마다

나는이 모든 것을 시도했다.

var timesTen = x.style.opacity*10; 
timesTen--; 
timeTen/10; 
x.style.opacity=timesTen; // This gives opacity of 0; 

나는이 문제에 대한 대답은 사업자의 이해의 부족과 함께 할 수있는 뭔가가 기대 :

x.style.opacity-.3; //This doesn't work. Doesn't do anything. 
x.style.opacity=.3; //This gives me an opacity of .3. 
x.style.opacity-=.3; //This gives an opacity of 0. Why? 
x.style.opacity--; //This will give opacity of 0 as expected. 

는 난이 시도했다. 하지만 산술 자습서의 골짜기를 보았습니다 그리고 그들은 모두 완벽하게 나를 위해 일하는 정수 예제로 가득 차있 보입니다. 나는 그 중 일부를 붙여 넣기 복사하고 숫자가 변경된 경우에만 작동을 멈추는 것을 발견했습니다. 이것이 멍청한 질문이라면 유감 스럽습니다 (확신합니다). 고마워요

Answer 1

테스트를 마친 후에는 불투명도를 먼저 설정 한 다음 읽을 수 있습니다.

​<div id="x" style="opacity:1.0">Hello</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

​x.style.opacity -= 0.3;

위에서 다음과 같이 쓸 표준의 일부가 아니다 (도 파이어 폭스, 작동) 이유는

document.getElementById("x").style.opacity -= 0.3;

를에 첨가하는 경우 불투명도, parseFloat이 필요합니다. 그렇지 않으면 문자열 연결이 발생합니다. 또는 -= -0.3이라고 쓰십시오 :)

Answer 2

x.style.opacity = parseFloat(x.style.opacity) - 0.1; 

왜 그렇게 어려운가요?

Answer 3

x.style.opacity 속성이 현재 없기 때문에 작동하지 않습니다. CSS 덕분에 적용되었습니다.

HTML :

<div id="t" style="background: black; opacity: 1;">Hello</div> 
<div id="c" style="background: black;">Hello</div> 

JS :

document.getElementById('t').onclick = function() { 
    // This works 
    this.style.opacity = this.style.opacity - 0.1; 
}; 
document.getElementById('c').onclick = function() { 
    var opacity = this.style.opacity; 
    // If the property exists, just decrement it 
    if (opacity) { 
     opacity -= 0.1; 
    } 
    // Else, set it (it will only be set once) 
    else { 
     opacity = 0.9; 
    } 
}; 

데모 : 자바 스크립트에서 http://jsfiddle.net/Ralt/xDFBY/ 보조 노트로