javascript自定义的addClass()方法
//element:需要添加新样式的元素,value:新的样式
function addClass(element, value ){
if (!element.className){
element.className = value;
}else {
newClassName = element.className;
newClassName+= " ";
newClassName+= value ;
element.className = newClassName;
}
}
相关推荐
-
原生js实现addClass,removeClass,hasClass方法
本文分为两部分进行讲解,具体内容如下 第一部分:原生js实现addClass,removeClass,hasClass方法 function hasClass(elem, cls) { cls = cls || ''; if (cls.replace(/\s/g, '').length == 0) return false; //当cls没有参数时,返回false return new RegExp(' ' + cls + ' ').test(' ' + elem.className + ' '
-
使用JS实现jQuery的addClass, removeClass, hasClass函数功能
废话不多说,直接上代码 复制代码 代码如下: function addClass(obj, cls){ var obj_class = obj.className,//获取 class 内容. blank = (obj_class != '') ? ' ' : '';//判断获取到的 class 是否为空, 如果不为空在前面加个'空格'. added = obj_class + blank + cls;//组合原来的 class 和需要添加的 class. obj
-
原生javascript实现addClass,removeClass,hasClass函数
原生的addClass, removeClass, hasClass函数,未使用jquery class.js function hasClass(ele,cls) { return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)')); } function addClass(ele,cls) { if (!this.hasClass(ele,cls)) ele.className += " "+cls; } functio
-
js实现addClass,removeClass,hasClass的函数代码
复制代码 代码如下: function hasClass(ele,cls) { return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)')); } function addClass(ele,cls) { if (!this.hasClass(ele,cls)) ele.className += " "+cls; } function removeClass(ele,cls) { if (hasClass(ele,cls
-
javascript自定义的addClass()方法
复制代码 代码如下: //element:需要添加新样式的元素,value:新的样式 function addClass(element, value ){ if (!element.className){ element.className = value; }else { newClassName = element.className; newClassName+= " "; newClassName+= value ; element.className = newClassN
-
Javascript remove 自定义数组删除方法
复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Javascript自定义数组删除方法remove()</title> <script type="text/javascript"> Array.prototype.remove=function(dx){ if(isNaN(dx)||dx>this.lengt
-
JavaScript自定义函数实现查找两个字符串最长公共子串的方法
本文实例讲述了JavaScript自定义函数实现查找两个字符串最长公共子串的方法.分享给大家供大家参考,具体如下: //查找两个字符串的最长公共子串 function findSubStr(s1,s2){ var S=sstr= "" ,L1=s1.length,L2=s2.length; if (L1>L2){ var s3=s1;s1=s2,s2=s3,L1=s2.length;} for ( var j=L1;j> 0 ;j--) for ( var i= 0 ;i&
-
JavaScript自定义数组排序方法
本文实例讲述了JavaScript自定义数组排序方法.分享给大家供大家参考.具体分析如下: Array中有自带的排序功能,这个使用起来比较方便,我们有一点必须清楚,就是排序的依据,如果sort不传入参数的话,那就是按照字符编码(Unicode编码)的顺序排序. var a=["3","2","1"]; console.log(a[0].charCodeAt(0)); // 51 console.log(a[1].charCodeAt(0)); /
-
Javascript 中创建自定义对象的方法汇总
Javascript 中创建对象,可以有很多种方法. Object构造函数/对象字面量: 抛开设计模式不谈,使用最基本的方法,就是先调用Object构造函数创建一个对象,然后给对象添加属性. 复制代码 代码如下: var student = new Object(); student.name = "xiao ming"; student.age = 20; student.getName = function () { alert(th
-
javascript自定义in_array()函数实现方法
本文实例讲述了javascript自定义in_array()函数实现方法.分享给大家供大家参考.具体如下: function in_array( what, where ){ var a=false; for(var i=0;i<where.length;i++){ if(what == where[i]){ a=true; break; } } return a; } 希望本文所述对大家的javascript程序设计有所帮助.
-
javascript自定义右键弹出菜单实现方法
本文实例讲述了javascript自定义右键弹出菜单实现方法.分享给大家供大家参考.具体实现方法如下: <head runat="server"> <title>无标题页</title> <script type="text/javascript"> var oPopup = window.createPopup(); function PopMenu(id) { var oPopBody = oPopup.docum
-
JavaScript 自定义对象方法汇总
目录 一 使用object创建对象 二 使用构造函数创建对象 三 字面量创建对象 四 this 关键字 this 表示当前对象 五 基本数据类型和引用数据类型 基本数据类型 引用数据类型 六 闭包 如何理解闭包? 闭包的用途 闭包的使用 七 Json 基本用法 符合属性 Json对象的集合 JSON 操作 一 使用object创建对象 <script> // 创建对象 var stu = new Object() // 给对象添加属性 stu.name='jibu' stu[9527] = '
-
ASP.NET调用javascript脚本的常见方法小结
1.直接在前台调用 javascript 函数 很简单,在 head 元素之间加入 script 元素,将 type 元素设置为 " text/javascript " 如: 复制代码 代码如下: <head runat="server"> <script type="text/javascript" > function ShowName(str) { alert("您的名字为:("+str+&quo
-
C#后台调用前台javascript的五种方法小结
在网上找了找,发现有三种方法可以访问到前台代码: 第一种,OnClientClick (vs2003不支持这个方法) <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="client_click()" OnClick="Button1_Click" /> client_click() 就是javascript的
随机推荐
- Erlang项目内存泄漏分析方法
- 根据配置文件加载js依赖模块
- 资料:Office 2007中的config.xml个性定制说明资料
- mysql5.0版本下载地址集合
- JavaScript模块化之使用requireJS按需加载
- zend api扩展的php对象的autoload工具
- Ajax核心XMLHttpRequest总结
- 微信小程序 tabs选项卡效果的实现
- Ntdll32.dll病毒清除方法
- 微信小程序自定义导航隐藏和显示功能
- Win XP操作系统支持工具全接触
- Android编程实现仿优酷圆盘旋转菜单效果的方法详解【附demo源码下载】
- SpringMVC源码解读之HandlerMapping - AbstractUrlHandlerMapping系列request分发
- YII2框架中使用yii.js实现的post请求
- C# 参考之访问关键字:base、this
- 如何快速解决JS或Jquery ajax异步跨域的问题
- mongodb监控工具mongostat的使用及命令详解
- 实例讲解Java基础之反射
- JavaScript如何实现元素全排列实例代码
- 微信小程序实现时间进度条功能