推荐4个原生javascript常用的函数


Posted in Javascript onJanuary 12, 2015

【一】添加监听事件

     addHandler:function(node,type,fn){if(node.addEventListener){

                node.addEventListener(type,fn,false);  // false,设置为冒泡事件

            }

            else{

                node.attachEvent('on'+type,function(){

                    fn.apply(node,arguments); // attachEvent方法中,this并不是指向node,所以需要用apply()方法改变

                });

            }

     }

 【二】设置元素的样式

       setCss:function(node,val){   // val:{'top':'2px','font-size':'12px'}

            for(var v in val){ 

                node.style.cssText += ';'+ v +':'+val[v];  //使用 cssText就可以同时设置多个属性,还有个好处可以避免 cssFloat,styleFloat的判断

            }

        }

【三】获取CSS类名元素

 //parent是可选参数,

      getByClassName:function(className,parent){

            var elem = [],

                node = parent != undefined&&parent.nodeType==1?parent.getElementsByTagName('*'):document.getElementsByTagName('*'),

                p = new RegExp("(^|\\s)"+className+"(\\s|$)");

            for(var n=0,i=node.length;n<i;n++){

                if(p.test(node[n].className)){

                    elem.push(node[n]);

                }

            }

            return elem;

        }

 【四】删除CSS类名

removeClassName:function(node,className){

    var par = new RegExp(className,'g');

    node.className = node.className.replace(par,'');

}

以上4个就是本人整理的非常实用也需要经常使用到的原生js函数,推荐给小伙伴们,希望对大家有所帮助。

Javascript 相关文章推荐
js下写一个事件队列操作函数
Jul 19 Javascript
快速排序 php与javascript的不同之处
Feb 22 Javascript
jQuery插件实现屏蔽单个元素使用户无法点击
Apr 12 Javascript
jquery 多行文本框(textarea)高度变化
Jul 03 Javascript
浅析JavaScript基本类型与引用类型
May 28 Javascript
JavaScript通过function定义对象并给对象添加toString()方法实例分析
Mar 23 Javascript
js带前后翻页的图片切换效果代码分享
Sep 08 Javascript
AngularJS 购物车全选/取消全选功能的实现方法
Aug 14 Javascript
详解使用webpack构建多页面应用
Dec 21 Javascript
基于Vue实现拖拽效果
Apr 27 Javascript
vue实现购物车选择功能
Jan 10 Javascript
基于Angular 8和Bootstrap 4实现动态主题切换的示例代码
Feb 11 Javascript
原生js实现日期联动
Jan 12 #Javascript
Javascript中innerHTML用法实例分析
Jan 12 #Javascript
js实现从数组里随机获取元素
Jan 12 #Javascript
javascript的tab切换原理与效果实现方法
Jan 10 #Javascript
js中的事件捕捉模型与冒泡模型实例分析
Jan 10 #Javascript
js中键盘事件实例简析
Jan 10 #Javascript
js中this的用法实例分析
Jan 10 #Javascript
You might like
一个用于网络的工具函数库
2006/10/09 PHP
php源代码安装常见错误与解决办法分享
2013/05/28 PHP
php获取linux命令结果的实例
2017/03/13 PHP
PHP 布尔值的自增与自减的实现方法
2018/05/03 PHP
PHP attributes()函数讲解
2019/02/03 PHP
js绑定事件this指向发生改变的问题解决方法
2013/04/23 Javascript
js控制淡入淡出示例代码
2013/11/12 Javascript
js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)
2014/01/14 Javascript
轻松创建nodejs服务器(8):非阻塞是如何实现的
2014/12/18 NodeJs
使用jQuery和Bootstrap实现多层、自适应模态窗口
2014/12/22 Javascript
通过JS判断联网类型和连接状态的实现代码
2015/04/01 Javascript
JavaScript代码实现禁止右键、禁选择、禁粘贴、禁shift、禁ctrl、禁alt
2015/11/17 Javascript
深入浅析AngularJS中的module(模块)
2016/01/04 Javascript
BootStrapValidator初使用教程详解
2017/02/10 Javascript
利用JS实现简单的瀑布流加载图片效果
2017/04/22 Javascript
Nodejs--post的公式详解
2017/04/29 NodeJs
VUE2实现事件驱动弹窗示例
2017/10/21 Javascript
解决vue打包之后静态资源图片失效的问题
2018/02/21 Javascript
Element DateTimePicker日期时间选择器的使用示例
2020/07/27 Javascript
[01:57]2016完美“圣”典风云人物:国士无双专访
2016/12/04 DOTA
Python中用max()方法求最大值的介绍
2015/05/15 Python
python实现查找excel里某一列重复数据并且剔除后打印的方法
2015/05/26 Python
Python自动调用IE打开某个网站的方法
2015/06/03 Python
Scrapy框架爬取Boss直聘网Python职位信息的源码
2019/02/22 Python
Pycharm常用快捷键总结及配置方法
2020/11/14 Python
Shell编程面试题
2016/05/29 面试题
应届护士推荐信
2013/11/16 职场文书
煤矿机修工岗位职责
2014/02/07 职场文书
团日活动总结
2014/04/28 职场文书
医药销售自荐书
2014/05/29 职场文书
汽车检测与维修专业求职信
2014/07/04 职场文书
2014小学年度工作总结
2014/12/20 职场文书
美容院员工规章制度
2015/08/05 职场文书
学困生帮扶工作总结
2015/08/13 职场文书
Apache压力测试工具的安装使用
2021/03/31 Servers
Redis主从复制操作和配置详情
2022/09/23 Redis