您的位置:首页 > Web前端 > JavaScript

原生javascript-常用的函数

2013-08-19 11:35 579 查看
【一】添加监听事件

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
.className)){
elem.push(node
);
}
}
return elem;
}


【四】删除CSS类名

removeClassName:function(node,className){
var par = new RegExp(className,'g');
node.className = node.className.replace(par,'');
}


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: