qq_38773852 2018-05-03 14:07 采纳率: 50%
浏览 4357
已采纳

HTML中使用JS函数通过id调用div，但一直显示（）is not a function

<style>
body{
    background-color:#B0B0B0
    }
.header{
    background-color:#000000;
    width:100%;
    height:100px;
    }
#left{
    background-color:#FF0000;
    width:15%;
    height:700px;
    }
</style>
</head>

<body >
<div class="header"></div>
<div id="left" onmouseover="hidden()"></div>
<script>

    function hidden(){
        document.getElementById("left").style.backgroundColor="#FFFFFF";
        }
</script>
</body>

```Uncaught TypeError: hidden is not a function
onmouseover @ index.html:26
  • 写回答

10条回答 默认 最新

  • Rambo.Fan 2018-05-03 18:59
    关注

    图片说明
    hidden为保留关键字，不能作为变量名。修改变量名即可，

     <style>
body{
    background-color:#B0B0B0
    }
.header{
    background-color:#000000;
    width:100%;
    height:100px;
    }
#left{
    background-color:#FF0000;
    width:15%;
    height:700px;
    }
</style>
</head>

<body >
<div class="header"></div>
<div id="left" onmouseover="hidden1()"></div>
<script>

    function hidden1(){
        document.getElementById("left").style.backgroundColor="#FFFFFF";
        }
</script>
</body>

    在谷歌调试后结果：
    图片说明

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(9条)

报告相同问题？