推荐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 鼠标拖动对象 可让任何div实现拖动效果
Nov 09 Javascript
Jquery时间验证和转换工具小例子
Jul 01 Javascript
JS中类或对象的定义说明
Mar 10 Javascript
jquery ajax 如何向jsp提交表单数据
Aug 23 Javascript
使用JavaScript获取Request中参数的值方法
Sep 27 Javascript
jQuery基于事件控制实现点击显示内容下拉效果
Mar 07 Javascript
javascript实现table单元格点击展开隐藏效果(实例代码)
Apr 10 Javascript
JavaScript for循环 if判断语句(学习笔记)
Oct 11 Javascript
vue+webpack 打包文件 404 页面空白的解决方法
Feb 28 Javascript
vue中的mescroll搜索运用及各种填坑处理
Oct 30 Javascript
node.js使用net模块创建服务器和客户端示例【基于TCP协议】
Feb 14 Javascript
解决React在安装antd之后出现的Can't resolve './locale'问题(推荐)
May 03 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
再说下636单管机
2021/03/02 无线电
十天学会php之第三天
2006/10/09 PHP
php实现的替换敏感字符串类实例
2014/09/22 PHP
深入解析PHP的Yii框架中的event事件机制
2016/03/17 PHP
PHP is_array() 检测变量是否是数组的实现方法
2016/06/13 PHP
利用PHP如何统计Nginx日志的User Agent数据
2019/03/06 PHP
关于PHP中interface的用处详解
2020/07/26 PHP
原生js编写设为首页兼容ie、火狐和谷歌
2014/06/05 Javascript
jQuery构造函数init参数分析续
2015/05/13 Javascript
jQuery ajax应用总结
2016/06/02 Javascript
bootstrap 表单验证使用方法
2017/01/11 Javascript
利用jsonp与代理服务器方案解决跨域问题
2017/09/14 Javascript
JS监听事件的叠加和移除功能
2018/11/19 Javascript
bootstrap中的导航条实例代码详解
2019/05/20 Javascript
vue自动化路由的实现代码
2019/09/30 Javascript
vue实现选中效果
2020/10/07 Javascript
node使用async_hooks模块进行请求追踪
2021/01/28 Javascript
简单解析Django框架中的表单验证
2015/07/17 Python
Python生成随机数组的方法小结
2017/04/15 Python
详解Python进程间通信之命名管道
2017/08/28 Python
Tensorflow 训练自己的数据集将数据直接导入到内存
2018/06/19 Python
Python for循环中的陷阱详解
2018/07/13 Python
Python 实现数据结构-堆栈和队列的操作方法
2019/07/17 Python
python实现人工智能Ai抠图功能
2019/09/05 Python
matlab中二维插值函数interp2的使用详解
2020/04/22 Python
网易微博Web App用HTML5开发的过程介绍
2012/06/13 HTML / CSS
白俄罗斯在线大型超市:e-dostavka.by
2019/07/25 全球购物
婚假请假条格式及范文
2014/04/10 职场文书
微笑面对生活演讲稿
2014/05/13 职场文书
数学系毕业生求职信
2014/05/29 职场文书
社区综治宣传月活动总结
2014/07/02 职场文书
2014教师党员自我评议(5篇)
2014/09/20 职场文书
李强优秀员工观后感
2015/06/16 职场文书
防震减灾主题班会
2015/08/14 职场文书
门面租赁合同范文
2019/08/06 职场文书
Python实现将多张图片合成MP4视频并加入背景音乐
2022/04/28 Python