CSS "z-index"속성 변경 : "할당에서 왼쪽이 유효하지 않습니다."

Question

나는 다른 요소의 CSS 속성을 변경한다고 가정하는 함수를 호출하는 onmouseover 이벤트 처리기가있는 요소가 있습니다. 그 요소 ID "출력". onmouseover 핸들러를 사용하여 마우스 위에 마우스를 올려 놓으면 오류가 발생합니다. Uncaught ReferenceError : 할당에서 왼쪽이 유효하지 않습니다. 내 기능에 문제가 있다고 생각합니다. js를 통해 요소의 z- 인덱스를 변경할 수 없습니까?

<!--My Css-> 
<style> 
#output{ 
height:500px; 
width:500px; 
border: 1px solid black; 
z-index:1; 
} 
</style> 
<!--My Script--> 
<script> 
function ChangeZofO() { 
document.getElementById("output").style.z-index="-1"; 
} 
</script> 

<!--My Html--> 
<div id="MyDiv" onmouseover="ChangeZofO()"></div> 

Answer 1

당신은 견적을 잊고, 하이픈은 그것이 있어야하므로, 그래서 일반적으로 낙타 표기법 자바 스크립트에서

<script> 
function ChangeZofO() { 
    document.getElementById("output").style.zIndex = -1; 
} 
</script> 

<div id="MyDiv" onmouseover="ChangeZofO()"></div> 

Answer 2

스타일 이름은 낙타 표기법을 사용하는 대신 사용됩니다, 속성 이름에 사용할 수 없습니다 :

document.getElementById("output").style.zIndex="-1"; 

-은 산술 빼기 연산자이므로 식별자에 사용할 수 없습니다.