تغيير استايل (style) الصفحة بدون إعادة تحميلها !

السلام عليكم ورحمة الله وبركاته

عندي صفحة واحدة وأريد تغيير الاستايل (المظهر) لها على حسب طلب المستخدم ولكن في الوقت نفسه لا أريد إعادة تحميل الصفحة !!!!

جربت المحاولات التالية :

هذه هي الصفحة :

<html lang="ar" xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
	<link id="mycss" href="" type="text/css" rel="stylesheet">
	<script language="javascript">
function getcss (selObj) {
	var filecss = selObj.options[selObj.selectedIndex].value;
	var textlink = '<link href=\"'+filecss+'\" type=\"text/css\" rel=\"stylesheet\">';
	document.getElementById('linkcss').innerHTML.match(/^\s*$/);
	document.getElementById('linkcss').innerHTML = textlink;
}

function mycss (selObj) {
	var filecss = selObj.options[selObj.selectedIndex].value;
	document.getElementById('mycss').href = filecss;
}
</script>
	</head>
<body dir="rtl">
<span id="linkcss"> 
</span>
<div id="contaner">
<p>هنا يتم تعديل css </p>
</div>

<select name="gcss" id="gcss" onchange="getcss(this);"  >
<option>none</option>
<option value="green.css">grean</option>
<option value="blue.css">blue.css</option>
</select>
</body>
</html>

وهذا كود css

file blue.cc

#contaner{
	background-color:#0033CC;
}

file blue.cc

#contaner{
	background-color:#009900
}

جربت الدالة getcss والدالة mycss ولكن لم تنفع معي في تعديل أي شيء في الصفحة

فأرجو من كان عنده الجواب ألا يبخل علينا

وجزاكم الله خيراً