js设置class属性

今天做事遇到一个问题，在jq出现加载问题的情况下。默认加载jq，由于jq只初始化页面的时候加载一次。我初始化的时候又使用了xsl，xsl就相当于html一样显示用的，主要用于显示xml的信息。

xml用不了，只能用js自己写事件。文件又出现了，页面循环展示的时候元素没有唯一标识，没法进行单独获取，连属性class也是一样的。

在http://www.cnblogs.com/huanlei/archive/2012/04/13/2445662.html找到获取class属性的方法。

 

<a class="A_DG" href="javascript:void(0);" onclick="changeImage(this);"></a>
<a class="A_DG" href="javascript:void(0);" onclick="changeImage(this);"></a>
<a class="A_DG" href="javascript:void(0);" onclick="changeImage(this);"></a>
<a class="A_DG" href="javascript:void(0);" onclick="changeImage(this);"></a>
<a class="A_DG" href="javascript:void(0);" onclick="changeImage(this);"></a>
<a class="A_DG" href="javascript:void(0);" onclick="changeImage(this);"></a>
<a class="A_DG" href="javascript:void(0);" onclick="changeImage(this);"></a>

 就比如这样的。
就在网上找。找到一个获取和设置所有元素class属性方法。

var adocument=document.getElementsByTagName("a");
	for(var i=0;i<adocument.length;i++){
		if(adocument[i].className==name){
			adocument[i].className="A_DG1";
		}
	}

 ----------------------------------------------------------

这样还打不到我想要的效果。该怎么办呢？然后又在网上找。

在http://cache.baidu.com/c?m=9f65cb4a8c8507ed4fece763104c8c711923d030678197027fa3c215cc79051a002ea8b1213f4b42849a613105ae4a0aeaf13721375723e6cbcb8f418cea962f78d826203541c6171d8b58b8ca3632b726872eeeb868e6ad803484afa2c4a95044ba59120a84e7f8501715ba78801e2692a08e38164867bcfa3115ae072468de3441c65089e7251f0196f7ad4b3db03da46706e1ad22c638&p=aa63840f82904eae59bd9b7d0a17c670&newp=9373cb0ea4904eae59b6c4710e11d63f5c5bc4387ebada177a8f&user=baidu&fm=sc&query=js%D4%F5%C3%B4%D6%B8%B6%A8%B8%C4%B1%E4class%B5%C4%CA%F4%D0%D4&qid=fcbe38ed0e8ef933&p1=10这里找到给class属性赋值的方法，也给了我提示。在调用js方法的时候直接传this，然后在js里面获取this的className就能获取到该class的属性。

 

if(obj.className=="A_DG"){
		obj.className="A_DG1";
	}else if(obj.className=="A_DG1"){
		obj.className="A_DG";
	}

 

这样就打到我想要的效果了。

 

点击选中的元素，切换选中元素的class属性。