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");
}