推荐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 相关文章推荐
理解Javascript_12_执行模型浅析
Oct 18 Javascript
杨氏矩阵查找的JS代码
Mar 21 Javascript
jQuery实现tag便签去重效果的方法
Jan 20 Javascript
js点击选择文本的方法
Feb 09 Javascript
jquery带动画效果幻灯片特效代码
Aug 27 Javascript
javascript简单实现跟随滚动条漂浮的返回顶部按钮效果
Aug 19 Javascript
微信小程序 wx:key详细介绍
Oct 28 Javascript
浅析JavaScript中作用域和作用域链
Dec 06 Javascript
VUE2 前端实现 静态二级省市联动选择select的示例
Feb 09 Javascript
vue2.0 实现导航守卫的具体用法(路由守卫)
May 17 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
Aug 09 Javascript
JS实现纸牌发牌动画
Jan 19 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
Adodb的十个实例(清晰版)
2006/12/31 PHP
Excel数据导入Mysql数据库的实现代码
2008/06/05 PHP
php的chr和ord函数实现字符加减乘除运算实现代码
2011/12/05 PHP
php后台如何避免用户直接进入方法实例
2013/10/15 PHP
PHP中ob_start函数的使用说明
2013/11/11 PHP
PHP实现Soap通讯的方法
2014/11/03 PHP
php利用反射实现插件机制的方法
2015/03/14 PHP
javascript js cookie的存储,获取和删除
2007/12/29 Javascript
Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
2013/11/06 Javascript
php is_numberic函数造成的SQL注入漏洞
2014/03/10 Javascript
jQuery实现表格行上下移动和置顶效果
2015/06/05 Javascript
Javascript监视变量变化的方法
2015/06/09 Javascript
使用jQuery判断浏览器滚动条位置的方法
2016/05/30 Javascript
Nodejs下DNS缓存问题浅析
2016/11/16 NodeJs
Bootstrap进度条学习使用
2017/02/09 Javascript
深入理解vue2.0路由如何配置问题
2017/07/18 Javascript
解决Vue.js应用回退或刷新界面时提示用户保存修改问题
2019/11/24 Javascript
element-ui tree结构实现增删改自定义功能代码
2020/08/31 Javascript
深入分析在Python模块顶层运行的代码引起的一个Bug
2014/07/04 Python
python在Windows下安装setuptools(easy_install工具)步骤详解
2016/07/01 Python
详解Python如何获取列表(List)的中位数
2016/08/12 Python
python 捕获 shell/bash 脚本的输出结果实例
2017/01/04 Python
Python遍历pandas数据方法总结
2018/02/09 Python
使用apiDoc实现python接口文档编写
2019/11/19 Python
python实现高斯判别分析算法的例子
2019/12/09 Python
tensorflow对图像进行拼接的例子
2020/02/05 Python
对tensorflow中tf.nn.conv1d和layers.conv1d的区别详解
2020/02/11 Python
video实现有声音自动播放的实现方法
2020/05/20 HTML / CSS
AmazeUI 面板的实现示例
2020/08/17 HTML / CSS
生产厂厂长岗位职责
2013/12/25 职场文书
财务人员求职自荐书范文
2014/02/10 职场文书
2014个人年度工作总结范文
2014/12/24 职场文书
追悼会答谢词范文
2015/09/29 职场文书
python 逐步回归算法
2021/04/06 Python
Python使用protobuf序列化和反序列化的实现
2021/05/19 Python
超详细教你怎么升级Mysql的版本
2021/05/19 MySQL