码迷,mamicode.com
首页 > 其他好文 > 详细

添加删除元素(来自网络)

时间:2016-01-21 18:35:25      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:

1、addClass:为指定的dom元素添加样式。

2、removeClass:删除指定dom元素的样式。

3、toggleClass:如果存在(不存在),就删除(添加)一个样式。

4、hasClass:判断样式是否存在。

function hasClass(obj, cls) {
    return obj.className.match(new RegExp(‘(\\s|^)‘ + cls + ‘(\\s|$)‘));
}
 
function addClass(obj, cls) {
    if (!this.hasClass(obj, cls)) {
        obj.className += " " + cls;
    }
}
 
function removeClass(obj, cls) {
    if (hasClass(obj, cls)) {
        var reg = new RegExp(‘(\\s|^)‘ + cls + ‘(\\s|$)‘);
        obj.className = obj.className.replace(reg, ‘ ‘);
    }
}
 
function toggleClass(obj,cls){
    if(hasClass(obj,cls)){
        removeClass(obj, cls);
    else {
        addClass(obj, cls);
    }
}
 
 
 
 
 
 
function $(id){
  return  document.getElementById(id);
}
定义一个函数,函数名为$,接受的参数为id,调用时返回id为此id的元素对象。
return直接返回一个对象,对象的类型没有声明
 
 
 
 

添加删除元素(来自网络)

标签:

原文地址:http://www.cnblogs.com/xuewu/p/5148558.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!