JavaScript實現Class增刪獲取判斷操作!

// JavaScript Document

/*
	@添加Class
	@添加對象 obj;
	@添加類名 className;
*/
function addClass(obj,className)
{		
	
	var oClass = obj.className.split(' ');

	if(oClass.length == 0)
	{
		obj.className=className;return;
	};
	
	for(var i=0;i<oClass.length;i++)
	{	
		 if(oClass[i] == className)
		 {
			 return; 
		 };	
	};
	
	obj.className = obj.className+' '+className;
};

/*
	@刪除類名
	@移除對象 obj;
	@元素類名 className;
*/

function removeClass(obj,className)
{
	var oClass = obj.className.split(' ');
	if(oClass.length == 0)return;
	
	for(var i=0;i<oClass.length;i++)
	{
		if(oClass[i] == className)
		{
			oClass.splice(i,1);
			obj.className = oClass.join(' ');
			return;
		};	
	};
};

/*
	@根據類名獲取元素
	@元素類型 obj;
	@元素類名 className;
*/
function getByClaas(className,obj)
{
	var oClass = obj || document;
	var Element = oClass.getElementsByTagName("*");
	var arr = [];
	for(var i=0;i<Element.length;i++)
	{
		var els = Element[i].className.split(' ');
		for(var n=0;n<els.length;n++)
		{
			if(els[n] == className)
			{
				arr.push(Element[i]);
			};
		};
	};
	
	return arr;
};
/*
	@判斷obj是否有className類名;
	@元素類型 obj;
	@元素類名 className;
*/
function isByClassName(obj,className)
{
	var oClass = obj.className.split(' ');
	if(oClass.length == 0)return;
	
	for(var i=0;i<oClass.length;i++)
	{
		if(oClass[i] == className)
		{
			return true;
		};	
	};
	
	return false;
};

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章