首页 > 其他 > 详细

function styleElementSiblings函数与 addClass函数

时间:2015-10-26 23:56:48      阅读:393      评论:0      收藏:0      [点我收藏+]
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");
}

 

 

 

function styleElementSiblings函数与 addClass函数

原文:http://www.cnblogs.com/CClarence/p/4912638.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!