推荐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跨域和ajax 跨域问题的实现思路
Sep 05 Javascript
javascript最常用与实用的创建类的代码
Aug 12 Javascript
关于JavaScript与HTML的交互事件
Apr 12 Javascript
jQuery prev ~ siblings选择器使用介绍
Aug 09 Javascript
js动画效果制件让图片组成动画代码分享
Jan 14 Javascript
JS创建对象几种不同方法详解
Mar 01 Javascript
javascript 显示全局变量与隐式全局变量的区别
Feb 09 Javascript
JS及JQuery对Html内容编码,Html转义
Feb 17 Javascript
利用NPM淘宝的node.js镜像加速nvm
Mar 27 Javascript
Vue.js tab实现选项卡切换
May 16 Javascript
angularjs项目的页面跳转如何实现(5种方法)
May 25 Javascript
基于JavaScript实现淘宝商品广告效果
Aug 10 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
PHPExcel导出2003和2007的excel文档功能示例
2017/01/04 PHP
laravel框架创建授权策略实例分析
2019/11/22 PHP
Javascript 自适应高度的Tab选项卡
2011/04/05 Javascript
jQuery让控件左右移动的三种实现方法
2013/09/08 Javascript
可选择和输入的下拉列表框示例
2013/11/05 Javascript
js数组转json并在后台对其解析具体实现
2013/11/20 Javascript
cookie中的path与domain属性详解
2013/12/18 Javascript
提高NodeJS中SSL服务的性能
2014/07/15 NodeJs
跟我学习javascript的prototype原型和原型链
2015/11/18 Javascript
基于Jquery和html5实现炫酷的3D焦点图动画
2016/03/02 Javascript
AngularJS实现textarea记录只能输入规定数量的字符并显示
2016/04/26 Javascript
使用Math.max,Math.min获取数组中的最值实例
2017/04/25 Javascript
pace.js和NProgress.js两个加载进度插件的一点小总结
2018/01/31 Javascript
详解使用create-react-app快速构建React开发环境
2018/05/16 Javascript
JavaScript中call和apply方法的区别实例分析
2018/08/03 Javascript
Flutter实现仿微信底部菜单栏功能
2019/09/18 Javascript
D3.js 实现带伸缩时间轴拓扑图的示例代码
2020/01/20 Javascript
功能完善的小程序日历组件的实现
2020/03/31 Javascript
nuxt.js添加环境变量,区分项目打包环境操作
2020/11/06 Javascript
解决vue-cli输入命令vue ui没效果的问题
2020/11/17 Javascript
vue前端和Django后端如何查询一定时间段内的数据
2021/02/28 Vue.js
Python的几个高级语法概念浅析(lambda表达式闭包装饰器)
2016/05/28 Python
python实现傅里叶级数展开的实现
2018/07/21 Python
Alexandre Birman美国官网:亚历山大·伯曼
2019/10/30 全球购物
高中校园广播稿
2014/01/11 职场文书
国庆节文艺活动方案
2014/02/03 职场文书
软件项目开发计划书
2014/05/01 职场文书
金融专业银行实习证明模板
2014/11/28 职场文书
学雷锋倡议书
2015/01/19 职场文书
办公室岗位职责
2015/02/04 职场文书
飞屋环游记观后感
2015/06/08 职场文书
2015年主婚人婚礼致辞
2015/07/28 职场文书
三十年同学聚会感言
2015/07/30 职场文书
大学军训口号大全
2015/12/24 职场文书
Python各协议下socket黏包问题原理
2022/04/12 Python
通过feDisplacementMap和feImage实现水波特效
2022/04/24 HTML / CSS