标签:node classname i++ etc 说明 cti 获取 active 版本
1、基础方法①
/**
 * 通过class名和标签名获取css样式对象组
 */
function getClassNames(classStr, tagName) {
    if (document.getElementsByClassName) {
        return document.getElementsByClassName(classStr)
    } else {
        // 为了兼容ie8及其以下版本的方法
        var nodes = document.getElementsByTagName(tagName), ret = [];
        for (i = 0; i < nodes.length; i++) {
            if (hasClass(nodes[i], classStr)) {
               ret.push(nodes[i])
            }
        }
        return ret;
    }
} 
2、基础方法②
/**
 * 判断节点class是否存在
 */
function hasClass(tagStr, classStr) {
    // 这个正则表达式是因为class可以有多个,判断是否包含
    var arr = tagStr.className.split(/\s+/);
    for ( var i = 0; i < arr.length; i++) {
        if (arr[i] == classStr) {
            return true;
        }
    }
    return false;
}
3、调用
var tags = getClassNames(‘active‘, ‘li‘);
if (null != tags) {
    // 遍历对象,改其css样式
    for ( var i = 0; i < tags.length; i++) {
        tags[i].className = ‘‘;
    }
}
param.className = ‘active‘;
4、说明
‘active‘是要操作的样式,‘li‘是要查找的标签。
IE浏览器不支持document.getElementsByClassName的解决办法
标签:node classname i++ etc 说明 cti 获取 active 版本
原文地址:https://www.cnblogs.com/ywy8/p/12881228.html