Javascript 更改CSS“z-index”属性：“赋值中的左侧无效”

我有一个带有onmouseover事件处理程序的元素，它调用了我创建的一个函数，该函数假定要更改另一个元素的css属性，我给了该元素ID输出。当我使用onmouseover处理程序将鼠标放在元素上时，我得到一个错误：uncaughtreferenceerror：赋值中的左侧无效。我想我的功能有问题。我不能通过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>

---

您忘记了引号，并且属性名称中不允许使用连字符，因此通常使用camelcase

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

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

---

您忘记了引号，并且属性名称中不允许使用连字符，因此通常使用camelcase

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

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

---

Javascript用例中的样式名称，因此应为：

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

---

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

Javascript用例中的样式名称，因此应为：

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

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