欢迎来到CClarence的博客!!

敲代码真的是一件令人感到上瘾的事情,在我二十多年的生活中,除了打DoTa,好像没有其他的另一件事也能让我如此乐此不疲。而前端恰恰是编程与界面的最前沿,它能让快速的让你感受到自己的成果,这是一件多么令人兴奋的事啊!!我希望在两年后我毕业的时候我能真的成为一位前端码农,在五年后我能成为一位NB的前端码农!!
----------CClarence写于2015年入冬。

001

function styleElementSiblings函数与 addClass函数

function styleElementSiblings(tag,theclass){
    if (!document.getElementsByTagName) return false;
    var headers=document.getElementsByTagName("tag");
    var elem;
    for (var i = 0; i < headers.length; i++) {
        elem=getNextElement(headers[i].nextSibling);
        addClass(elem,"theclass");
    }
}
function addClass(element,value){
    if (!element.className) {
        element.className=value;
    }
    newClassName=element.className;
    newClassName+=" ";
    newClassName+= value;
    element.className=newClassName;
    }
}
 addClass函数是给一个元素追加一个新的class,如果原来没有任何class,则直接对className属性赋值,如果有,则把一个空格和一个新的class设置值追加到className属性上去。
styleElementSiblings函数可以把addClass加入,从而在css外文件里找到相应的theclass即可更改相应的属性值。
所以,一切类似的都可以通过addClass函数添加设置值,然后在css外部文件里修改。这确保了网页的表示层和行为层分离的更加彻底。
 具体到某个参数,可添加
addLoadEvent(function){
    styleElementSiblings("h1","intro");
}

 

 

 

posted @ 2015-10-26 22:16  CClarence  阅读(254)  评论(0编辑  收藏  举报