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

Changing CSS "z-index" property: "Invalid left-hand side in assignment"

本文关键字：无效 CSS z-index 属性 更改 赋值      更新时间：2023-09-26

我有一个带有onmouseover事件处理程序的元素，该处理程序调用我制作的函数，该函数假设更改另一个元素的css属性，我为该元素提供了ID"输出"。当我使用 onmouseover 处理程序将鼠标放在元素上时，出现错误：未捕获的引用错误：赋值中的左侧无效。我认为我的功能有问题。我不能通过 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>

Javascript 中的样式名称使用 camelCase，因此它应该是：

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

-是算术减法运算符，但它不能用于标识符。

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

<script>
function ChangeZofO () {
    document.getElementById("output").style.zIndex = -1;
}
</script>
<div id="MyDiv" onmouseover="ChangeZofO()"></div>
相关文章：