推荐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 escape,unescape解决中文乱码问题的方法
May 26 Javascript
用JS在浏览器中创建下载文件
Mar 05 Javascript
jquery移除、绑定、触发元素事件使用示例详解
Apr 10 Javascript
教你如何终止JQUERY的$.AJAX请求
Feb 23 Javascript
Bootstrap模态框水平垂直居中与增加拖拽功能
Nov 09 Javascript
微信小程序中单位rpx和rem的使用
Dec 06 Javascript
JavaScript实现图片切换效果
Aug 12 Javascript
使用nvm和nrm优化node.js工作流的方法
Jan 17 Javascript
Electron 调用命令行(cmd)
Sep 23 Javascript
JavaScript享元模式原理与用法实例详解
Mar 09 Javascript
VUE-ElementUI 自定义Loading图操作
Nov 11 Javascript
javascript实现前端分页功能
Nov 26 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 上传文件的方法(类)
2009/07/30 PHP
PHP+HTML+JavaScript+Css实现简单爬虫开发
2016/03/28 PHP
php 使用curl模拟ip和来源进行访问的实现方法
2017/05/02 PHP
基于PHP实现栈数据结构和括号匹配算法示例
2017/08/10 PHP
PHP实现浏览器格式化显示XML的方法示例
2019/01/22 PHP
php5与php7的区别点总结
2019/10/11 PHP
yii2.0框架场景的简单使用示例
2020/01/25 PHP
javascript复制对象使用说明
2011/06/28 Javascript
使用jquery如何获取时间
2016/10/13 Javascript
NodeJS使用formidable实现文件上传
2016/10/27 NodeJs
jQuery Validate插件ajax方式验证输入值的实例
2017/12/21 jQuery
JavaScript对象的浅拷贝与深拷贝实例分析
2018/07/25 Javascript
解决vue动态为数据添加新属性遇到的问题
2018/09/18 Javascript
vue-cli2.0转3.0之项目搭建的详细步骤
2018/12/11 Javascript
微信小程序实现简单跑马灯效果
2020/05/26 Javascript
JavaScript继承的特性与实践应用深入详解
2018/12/30 Javascript
Vuex中的Mutations的具体使用方法
2020/06/01 Javascript
python每次处理固定个数的字符的方法总结
2013/01/29 Python
pycharm 使用心得(六)进行简单的数据库管理
2014/06/06 Python
Python os模块介绍
2014/11/30 Python
Python 爬虫爬取指定博客的所有文章
2016/02/17 Python
web.py 十分钟创建简易博客实现代码
2016/04/22 Python
python+django加载静态网页模板解析
2017/12/12 Python
windows下python安装小白入门教程
2018/09/18 Python
Python实现的微信支付方式总结【三种方式】
2019/04/13 Python
django框架CSRF防护原理与用法分析
2019/07/22 Python
Python连接Oracle之环境配置、实例代码及报错解决方法详解
2020/02/11 Python
曼联官方网上商店:Manchester United Direct
2017/07/28 全球购物
NICKIS.com荷兰:设计师儿童时装
2020/01/08 全球购物
SQL SERVER面试资料
2013/03/30 面试题
客户表扬信范文
2014/01/10 职场文书
英文求职信范文
2014/05/23 职场文书
综合实践活动报告
2015/02/05 职场文书
护理专业自我评价
2015/03/11 职场文书
安全教育主题班会教案
2015/08/12 职场文书
Python 操作pdf pdfplumber读取PDF写入Exce
2022/08/14 Python