推荐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 相关文章推荐
Firefox中autocomplete=&quot;off&quot; 设置不起作用Bug的解决方法
Mar 25 Javascript
选择复选框按钮置灰否则按钮可用
May 22 Javascript
深入浅析JavaScript中的scrollTop
Jul 11 Javascript
Javascript从数组中随机取出不同元素的两种方法
Sep 22 Javascript
解决vue2中使用axios http请求出现的问题
Mar 05 Javascript
vue单页面实现当前页面刷新或跳转时提示保存
Nov 02 Javascript
vue2.0中set添加属性后视图不能更新的解决办法
Feb 22 Javascript
vue-cli 3.x配置跨域代理的实现方法
Apr 12 Javascript
深度了解vue.js中hooks的相关知识
Jun 14 Javascript
JavaScript算法学习之冒泡排序和选择排序
Nov 02 Javascript
在vue中封装方法以及多处引用该方法详解
Aug 14 Javascript
vue中defineProperty和Proxy的区别详解
Nov 30 Vue.js
原生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删除数组元素示例分享
2014/02/17 PHP
phpstorm编辑器乱码问题解决
2014/12/01 PHP
PHP执行shell脚本运行程序不产生core文件的方法
2016/12/28 PHP
php 判断页面或图片是否经过gzip压缩的方法
2017/04/05 PHP
php注册系统和使用Xajax即时验证用户名是否被占用
2017/08/31 PHP
发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser
2007/11/30 Javascript
JQuery 操作Javascript对象和数组的工具函数小结
2010/01/22 Javascript
Js 冒泡事件阻止实现代码
2013/01/27 Javascript
div拖拽插件——JQ.MoveBox.js(自制JQ插件)
2013/05/17 Javascript
JavaScript高级教程5.6之基本包装类型(详细)
2015/11/23 Javascript
jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
2015/12/23 Javascript
JQueryEasyUI之DataGrid数据显示
2016/11/23 Javascript
微信小程序之GET请求的实例详解
2017/09/29 Javascript
JS实现点击复选框变更DIV显示状态的示例代码
2017/12/18 Javascript
微信小程序select下拉框实现效果
2019/05/15 Javascript
vue中添加与删除关键字搜索功能
2019/10/12 Javascript
vue-cli3项目升级到vue-cli4 的方法总结
2020/03/19 Javascript
Python语言描述随机梯度下降法
2018/01/04 Python
python实现淘宝秒杀聚划算抢购自动提醒源码
2020/06/23 Python
Python用for循环实现九九乘法表
2018/05/31 Python
python批量替换文件名中的共同字符实例
2020/03/05 Python
PyQt5事件处理之定时在控件上显示信息的代码
2020/03/25 Python
详解Python 循环嵌套
2020/07/09 Python
Python定时任务APScheduler安装及使用解析
2020/08/07 Python
python中Pexpect的工作流程实例讲解
2021/03/02 Python
天猫超市:阿里巴巴打造的网上超市
2016/11/02 全球购物
KLOOK客路:发现更好玩的世界,预订独一无二的旅行体验
2016/12/16 全球购物
纽约手袋品牌:KARA
2018/03/18 全球购物
IBatis持久层技术
2016/07/18 面试题
《登鹳雀楼》教学反思
2014/04/09 职场文书
会计岗位说明书
2014/07/29 职场文书
2015年元旦联欢晚会活动总结
2014/11/28 职场文书
2015初一年级组工作总结
2015/07/24 职场文书
新店开业策划方案怎么书写?
2019/07/05 职场文书
创业计划书之寿司
2019/07/19 职场文书
SQL解决未能删除约束问题drop constraint
2022/05/30 SQL Server