更改CSS「z-index」屬性：「賦值中無效的左側」

Question

我有一個onmouseover事件處理函數的元素，它調用我所做的那個函數，假設它改變了另一個元素的css屬性，該元素的ID「輸出」。當我將鼠標放在onmouseover處理程序的元素上時，出現一個錯誤：未捕獲的ReferenceError：賦值中的左手邊無效。我認爲我的功能有問題。我無法通過js更改元素的z-index嗎？

<!--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

在Javascript樣式名稱中使用駝峯，所以它應該是：

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

-是算術減法運算符，它不能在標識符中使用。