function schimb()
{
	var a=document.getElementsByClassName("clasa_1");
	var b=document.getElementsByClassName("clasa_2");

	for(var i=0;i<a.length;i++)
	{
		a[i].removeClass(".clasa_1").addClass(".clasa_2");
	}
		for(var i=0;i<b.length;i++)
	{
		b[i].removeClass(".clasa_2").addClass(".clasa_1");;
	}
}

function my_function()
{
	var a=document.getElementsByTagName("li");
		var b=document.getElementById("ol_ul");
			alert(a.length);
		//b.innerHTML+="<li> </li>";
	alert(a.length);
	a[0].onclick=function(){alert("AI apasat aici pe lista 1!!!!")};// daca pui inainte de innerHTML nu mai 
														// tine cont de onclickul asta deoarece reface intreg arborele de obiecte
			//Nu prea indicat sa folosesti inner html

		var c=document.createElement("li");
		var d=document.createElement("li");
		b.insertBefore(c,a[2]);
		b.appendChild(d);//Un element poate fi pus o singura data 
		//Pentru a adauga elemente in html. URAAA!!!
		
	//appendChild
	//insertBefore
	//ReplaceChild
	var e=window.getComputedStyle(b,null);
	e.color="teal";
	b.style.backgroundColor = "blue";
	alert(b.style.backgroundColor);
	alert(e.color);
	//window.getComputedStyle(elem,null); 
	
	//document.querySelector();
	//document.querySelectorAll(aici vine un selector);
	//class->->->->className
	
	var x=querySelectorAll(".clasa_1");
	var y=querySelectorAll(".clasa_2");
	
	for(let i=0;i<x.length;i++)
	{
		x[i].class_Name=".clasa_2";
		
	}
		for(let i=0;i<y.length;i++)
	{
		y[i].class_Name=".clasa_1";
		
	}
	
		}

window.onload=my_function;