1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
function
styleHeadersSiblings(){
if
(!document.getElementsByTagName)
return
false
;
var
headers = document.getElementsByTagName(
"h1"
);
for
(
var
i = 0;i < headers.length; i++){
var
elem = getNextElement(headers[i].nextSibling);
//elem.style.color = "red";
//elem.style.fontSize = "1.2em";
//以下使用className属性，该属性是替换，不是追加
//elem.className = "intro"; //.intro{ color:red;font-size:1.2em;}
addClass(elem,
"intro"
);
//调用封装函数
}
}
//elem.className +=" intro" 注意，intro的第一个字符是空格，表示把新的calss属性追加到原来属性上去
//如过原来没有属性，则对className直接赋值即可，而不需要追加
//因此我们可以把以上步骤封装成一个函数进行通用
function
addClass(element,value){
if
(!element.className){
element.className = value;
}
else
{
newClassName = element.className;
newClassName +=
" "
;
newClassName += value;
element.className = newClassName;
}
}本文转自 小旭依然 51CTO博客，原文链接:http://blog.51cto.com/xuyran/1783892
