封装$(id)函数

erdouzhang

于 2017-04-25 09:22:50 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/erdouzhang/article/details/70670279

js 专栏收录该内容

98 篇文章

订阅专栏

本文介绍如何使用JavaScript修改HTML元素的背景颜色。通过定义$(id)函数来获取指定ID的DOM元素，并调整其样式属性实现颜色变化。适用于不希望引入jQuery等库的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

例如更改id="test"的背景颜色：

这里写图片描述

html:

<div id="demo"></div>
<div id="test"></div>

css:

<style>
     div {
        width: 100px;
        height: 100px;
        background-color: blue;
      }
</style>

javascript封装$(id)函数：

<script>

    function $(id){ //$符号是合法函数名  id是形参
      return document.getElementById(id); //返回id
    }

    $("test").style.backgroundColor = "pink";   //$()调用函数 "test"是实参

</script>

如果不想使用jQuery直接使用JavaScript获取id就使用下面代码

 function $(id){ return document.getElementById(id);}