为了账号安全,请及时绑定邮箱和手机立即绑定

HTML中使用JS函数通过id调用div,但一直显示()is not a function

HTML中使用JS函数通过id调用div,但一直显示()is not a function

慕码人8056858 2018-07-22 14:26:12
<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
查看完整描述

1 回答

?
跃然一笑

TA贡献1826条经验 获得超6个赞

https://img1.sycdn.imooc.com//5b5ecd210001b0de07550827.jpg

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>

在谷歌调试后结果:

https://img1.sycdn.imooc.com//5b5ecd4400019ab918110927.jpg

查看完整回答
反对 回复 2018-07-30
  • 1 回答
  • 0 关注
  • 2078 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信