$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>

随机推荐

WebView内置方案主要是通过重写WebChromeClient 来实现的，如下面的代码所示。
基本思想也很简单:通过WebChromeClient的方法以startActivityForResult的方式打开系统的文件选择器,选择文件后在onActivityResult中将结果回传给Webvi ...
div随窗口变化设置高度
window.onscroll = function () { sc(); }; window.onresize = function () { sc(); }; window.onload = fu ...
windows环境安装nexus
1.下载安装nexus安装包,我用的是nexus-2.14.13-01版本 2. 以管理员身份打开cmd命令窗口 3.进入到nexus bin目录下输入命令 nexus install 4. 启动 ...
P1533可怜的狗狗
困死了,完全做不下去题就当是对莫队最最基本的思想的一个复习叭(只有最最基本的思想,没有莫队) 传送我们可以很容易的想到这题要用线段树. 60pts 此题要求某个区间里第K小的数,可以暴力的考虑对每 ...
React组件库集锦及学习视频
[转载]https://www.rails365.net/articles/react-zui-hao-de-ui-zu-jian-ku-ji-jin 这里有一篇讨论,说了哪个才是 React 最好的 ...
swiper 的左右箭头放到轮播外面
 <div class="swiper-father"> <div class="swiper- ...
GO——beego安装及新建项目（一）
beego简介 Beego是一个快速开发Go应用的http框架,可用于快速开发Api.web及后端服务等各种应用,是一个RESTful框架. beego的架构 Beego由八个独立模块构建,是一个高度 ...
LeetCode.1022-根到叶路径二进制数之和(Sum of Root To Leaf Binary Numbers)
这是小川的第381次更新,第410篇原创 01 看题和准备今天介绍的是LeetCode算法题中Easy级别的第243题(顺位题号是1022).给定二叉树,每个节点值为0或1.每个根到叶路径表示以最高 ...
Java中File类的基本用法
File类的基本用法 java.io.File类:代表文件和目录.在开发中,读取文件.生成文件.删除文件.修改文件的属性时经常会用到此类. File类的常用构造方法:public File(Strin ...
【VS开发】使用 NuGet 管理项目库
NuGet 使用 NuGet 管理项目库 Phil Haack 无论多么努力,Microsoft 也没办法提供开发人员所需要的每一个库. 虽然 Microsoft 在全球的员工人数接近 90,000, ...

$id(id)函数

随机推荐

热门专题