原生js 封装类

//给元素添加className
//elem 表示元素节点 value 表示传入的class值
function addClass(elem, value) {
    if (!elem.className) {
        elem.className = value; //如果元素没有class,直接加
    } else {
        var newClassName = elem.className; //如果元素已有class,追加
        newClassName += " ";
        newClassName += value;
        elem.className = newClassName;
    }
}
//给元素删除className
//elem 表示元素节点 value 表示传入的class值
function deleteClass(elem, value) {
    var newClassName = elem.className;
    if (newClassName.indexOf(value)) { //查找元素是否有需要删除的class
        elem.className = newClassName.replace(value, " "); //如果有,则替换掉
    }
}
//全选
function checkall(){
    var hobby = document.getElementsByTagName("input");
    for(var i=0;i<hobby.length;i++){
        hobby[i].checked=true;
    }
}
//取消全选
function clearall(){
    var hobby = document.getElementsByName("hobby");
    //alert(hobby.length);
    for(var i=0;i<hobby.length;i++){
        hobby[i].checked=false;
    }
}
//获取下一个兄弟节点
function get_nextSibling(n){
    var x=n.nextSibling;
    while (x && x.nodeType!=1){
        x=x.nextSibling;
    }
        return x;
 }
//获取上一个兄弟节点
function get_previousSibling(n) {
    var z = n.previousSibling;
    while (z && z.nodeType != 1) {
        z = z.previousSibling;
    }
    return z;
}
//清楚所有节点内容
 function clearText() {
    var content = document.getElementById("content");
    // 在此完成该函数

    //法一,一次性清除节点内容
    for (var i = 0; i < content.childNodes.length; i++) {
        if (content.childNodes[i].nodeType != 1) {
            continue;
        } else {
            content.removeChild(content.childNodes[i]);
    }

    // }

    //法二,一次性清除节点内容
    // for(var i=content.childNodes.length-1;i>=0;i--){
    //     var chnode=content.childNodes[i];
    //     content.removeChild(chnode);  
    // }

    //法三,多次方清除节点内容
    // for (var i = 0; i < content.childNodes.length; i++) {
    //     var chnode = content.childNodes[i];
    //     content.removeChild(chnode);
    // }
    }
}
// 中文转字符串
function getLength(str) {
    return str.replace(/[^\x00-xff]/g, 'xx').length; //返回个数
}
posted @ 2018-11-06 23:10  人情冷暖i  阅读(412)  评论(0编辑  收藏  举报