$id(id)函数

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

    <title>Document</title>

    <style>

       #box{

           width:100px;

           height:100px;

           background-color: red;

       }

    </style>

        <!--js部分，鼠标滑过盒子的时候，盒子颜色由原来的红色变成绿色，当鼠标从盒子上离开，盒子的颜色又恢复为原来的红色-->

    <script>

       window.onload=function(){    //function后面的括号不要忘记

           function $id(id)     //$id(id) 这个函数是用来获取id的

           {

               return document.getElementById(id);  //id是形参变量，不加引号

           }

           $id("box").onmouseover=function(){    //调用的时候一定要加引号

               $id("box").style.backgroundColor="green";

           }

           $id("box").onmouseout=function(){

               $id("box").style.backgroundColor="red";

           }

       }

    </script>

</head>

<body>

        <div id="box"></div>

</body>

</html>
巴特西

$id(id)函数

最新文章

热门文章
