更改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"; 

-是算术减法运算符，它不能在标识符中使用。