浅析Javascript Dom编程(1)(3)

A：style.style

Javascript Dom编程中中每一个元素节点都包含一个style.style，来改变此元素的呈现。

例：改变元素文本的颜色用style.Color

Varscarlet=document.getElementById("scarlet");  
 
scarlet.style.Color="#FF0000";  

B：使用class改变样式

在css中，内嵌的样式表被看做是不好的习惯，那么最好的改变元素呈现的方法就是使用javascript改变元素的class。

首先我们判断是否含有要改变的class。

Core.hasClass=function(target,theClass)  
{  
varpattern=newRegExp("(^|)"+theClass+"(|$)");  
 
if(pattern.test(target.className))  
{  
returntrue;  
}  
returnfalse;  
};  
 

1：添加class

Core.addClass=function(target,theClass)  
{  
if(!Core.hasClass(target,theClass))  
{  
if(target.className=="")  
{  
target.className=theClass;  
}  
else  
{  
target.className+=""+theClass;  
}  
}  
};  
 

2：清除class

Core.removeClass=function(target,theClass)  
{  
varpattern=newRegExp("(^|)"+theClass+"(|$)");  
targettarget.className=target.className.replace(pattern,"$1");  
targettarget.className=target.className.replace(/$/,"");  
};