推荐4个原生javascript常用的函数
作者:hebedich 时间:2024-02-23 09:05:41
【一】添加监听事件
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,常用函数
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
python实现求最长回文子串长度
2022-09-29 13:56:32
PHP缓存集成库phpFastCache用法
2023-11-14 02:35:19
python如何基于redis实现ip代理池
2022-11-05 20:49:08
浅谈Golang Slice切片如何扩容的实现
2024-04-29 13:06:28
![](https://img.aspxhome.com/file/2023/7/133917_0s.png)
百度在线手写输入法
2010-02-03 14:27:00
盗亦有道 Web2.0网站优秀模仿者逐个数
2007-09-11 19:46:00
![](https://img.aspxhome.com/file/uploadpic/20079/11/2007911195132205.jpg)
mysql使用LOAD语句批量录入数据方法
2010-03-09 16:31:00
js实现select二级联动下拉菜单
2024-04-17 09:49:51
js正则相关知识点专题
2024-05-13 10:07:08
![](https://img.aspxhome.com/file/2023/5/125475_0s.png)
Mysql InnoDB引擎中页目录和槽的查找过程
2024-01-14 09:32:28
![](https://img.aspxhome.com/file/2023/5/71055_0s.png)
Python+OpenCV实现图像的全景拼接
2023-12-01 11:47:29
![](https://img.aspxhome.com/file/2023/9/87649_0s.jpg)
js操作IE浏览器弹出浏览文件夹可以返回目录路径
2024-04-16 09:50:39
![](https://img.aspxhome.com/file/2023/8/136538_0s.gif)
怎样使你的 JavaScript 代码简单易读(推荐)
2024-04-16 09:53:22
页面制作的重要性
2007-10-30 13:14:00
![](https://img.aspxhome.com/file/UploadPic/200710/30/2007103013184371s.gif)
正则表达式字面量在ECMAScript5中的变化
2012-04-26 16:23:16
python的内存管理和垃圾回收机制详解
2021-07-30 14:18:05
![](https://img.aspxhome.com/file/2023/5/78845_0s.png)
利用python绘制中国地图(含省界、河流等)
2021-12-19 03:19:59
![](https://img.aspxhome.com/file/2023/9/128209_0s.jpg)
交互设计实用指南系列(4)—“有效性”之“简洁清晰,自然易懂”
2010-01-05 16:52:00
![](https://img.aspxhome.com/file/UploadPic/up/2010010517023462.gif)
Pytorch 卷积中的 Input Shape用法
2023-03-27 21:46:35
![](https://img.aspxhome.com/file/2023/8/68968_0s.jpg)
Oracle 中文字段进行排序的sql语句
2009-09-26 18:58:00