推荐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控制不同的时间段显示不同的css样式的实例代码
Nov 04 Javascript
javascript中的括号()用法小结
Apr 14 Javascript
Node.js中使用mongoskin操作mongoDB实例
Sep 28 Javascript
JS获取图片高度宽度的方法分享
Apr 17 Javascript
JS实现超精简响应鼠标显示二级菜单代码
Sep 12 Javascript
AngularJs Forms详解及简单示例
Sep 01 Javascript
使用BootStrap实现标签切换原理解析
Mar 14 Javascript
Vue2.0如何发布项目实战
Jul 27 Javascript
从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法
Sep 18 Javascript
jQuery实现网页拼图游戏
Apr 22 jQuery
vue实现计步器功能
Nov 01 Javascript
javascript json对象小技巧之键名作为变量用法分析
Nov 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
如何在PHP程序中防止盗链
2008/04/09 PHP
dhtmlxTree目录树增加右键菜单以及拖拽排序的实现方法
2013/04/26 PHP
php自定义apk安装包实例
2014/10/20 PHP
实例分析10个PHP常见安全问题
2019/07/09 PHP
IE8 浏览器Cookie的处理
2009/01/31 Javascript
jQuery live
2009/05/15 Javascript
JQuery 选择器、过滤器介绍
2011/02/14 Javascript
JavaScript高级程序设计(第3版)学习笔记6 初识js对象
2012/10/11 Javascript
JS对文本框值的判断示例
2014/03/10 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
2015/05/03 Javascript
jQuery Easyui实现左右布局
2016/01/26 Javascript
JavaScript中解决多浏览器兼容性23个问题的快速解决方法
2016/05/19 Javascript
JavaScript制作弹出层效果
2016/12/02 Javascript
微信小程序页面间通信的5种方式
2017/03/31 Javascript
深入探究angular2 UI组件之primeNG用法
2017/07/26 Javascript
vue 项目常用加载器及配置详解
2018/01/22 Javascript
模块化react-router配置方法详解
2019/06/03 Javascript
微信小程序 WXML节点信息查询详解
2019/07/29 Javascript
ES6之Proxy的get方法详解
2019/10/11 Javascript
vue遍历生成的输入框 绑定及修改值示例
2019/10/30 Javascript
[45:38]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第一局
2016/03/02 DOTA
[36:52]DOTA2真视界:基辅特锦赛总决赛
2017/05/21 DOTA
用Python编写生成树状结构的文件目录的脚本的教程
2015/05/04 Python
Python Django Cookie 简单用法解析
2019/08/13 Python
python tornado使用流生成图片的例子
2019/11/18 Python
Pytorch 神经网络—自定义数据集上实现教程
2020/01/07 Python
flask框架自定义url转换器操作详解
2020/01/25 Python
Python 面向对象静态方法、类方法、属性方法知识点小结
2020/03/09 Python
夏威夷航空官网:Hawaiian Airlines
2016/09/11 全球购物
计算机维护专业推荐信
2014/02/27 职场文书
企业总经理任命书
2014/06/05 职场文书
入党介绍人意见范文
2015/06/01 职场文书
雷锋的观后感
2015/06/10 职场文书
Django展示可视化图表的多种方式
2021/04/08 Python
详解在SQLPlus中实现上下键翻查历史命令的功能
2022/03/18 SQL Server
【海涛七七解说】DCG第二周:DK VS 天禄
2022/04/01 DOTA