javascript 函数参数原来是可以有缺省值的

更新时间：2010年07月20日 00:34:24 作者：

前几天看 javaEye 时看到一个童鞋写的 getElementsByClassName 函数。

<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script type="text/javascript"> /** * 根据类名获得元素 * 参数说明: * 1、className 类名 * 2、tag 元素名 默认所有元素 * 3、elm 父元素 默认doucment */ document.getElementsByClassName = function(className, tag, elm) { var testClass = new RegExp("(^|\s)" + className + "(\s|$)"); var tag = tag || "*"; var elm = elm || document; var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag); var returnElements = []; var current; var length = elements.length; for(var i=0; i<length; i++){ current = elements[i]; if(testClass.test(current.className)){ returnElements.push(current); } } return returnElements; } window.onload = function(){ var divs = document.getElementsByClassName("div"); alert(divs.length); for(var i = 0; i < divs.length; i++){ alert(divs[i].id); } } </script> </head> <body> <div class="div" id="div1"> </div> <div class="divvvv" id="div2"> <div class="div" id="div21"> </div> </div> <div class="div" id="div3"> </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

在这里我引用这段代码不是因为要方便自己以后调用，而是发现了一点我从没有用到的方法。

getElementsByClassName　有三个参数，但调用的时候不必传进三个参数，你只传进第一个参数就可以了，其它两个参数都是有默认值的。

原来 javascript 函数的参数是可以缺省的，这一点我倒是一直都不知道。

您可能感兴趣的文章:

函数参数

利用js获取下拉框中所选的值
本文介绍利用js取到下拉框中选择的值。并附上实例代码，需要的朋友可以参考下
2016-12-12
HTML+JavaScript实现筋斗云导航栏效果
这篇文章主要为大家介绍了如何利用HTML+JavaScript+CSS实现筋斗云导航栏效果，当鼠标经过某个li，筋斗云跟着到当前的位置，感兴趣的小伙伴可以试一试
2022-03-03
以BootStrap Tab为例写一个前端组件
本文以Bootstrap标签页组件为例，介绍如何编写或者封装一个前端组件，具体示例代码大家参考下本文
2017-07-07
js实现tab切换效果
本文主要分享了js封装一个tab切换效果的示例代码，具有很好的参考价值，下面跟着小编一起来看下吧
2017-02-02
autojs 蚂蚁森林能量自动拾取即给指定好友浇水的实现方法
这篇文章主要介绍了autojs 蚂蚁森林能量自动拾取即给指定好友浇水的实现方法，本文通过图文并茂实例代码相结合给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2020-05-05
JS限制Textarea文本域字符个数的具体实现
这篇文章介绍了JS限制Textarea文本域字符个数的具体实现，有需要的朋友可以参考一下
2013-08-08
使用webpack将ES6转化ES5的实现方法
这篇文章主要介绍了使用webpack将ES6转化ES5的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-10-10
uniapp路由uni-simple-router实例详解
uni-simple-router专为uniapp打造的路由器,和uniapp深度集成,这篇文章主要给大家介绍了关于uniapp路由uni-simple-router的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-09-09
JavaScript统计网站访问次数的实现代码
每一个称职的网管，都需要知道每天网站的访问量，需要实现网站访问次数功能来满足需求，本篇文章主要介绍了JavaScript统计网站访问次数的实现代码，感兴趣的小伙伴们可以参考一下
2015-11-11
同步文本框内容JS代码实现
这篇文章主要为大家详细介绍了JS实现同步文本框内容的相关代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-08-08

javascript 函数参数原来是可以有缺省值的

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具