Hola a todos me encontre un codigo muy bueno que permite cargar rutas de css
esta muy bien pero lo que quiero es modificarlo para agregarlos lo que ya esta perfecto pero tambien quiero quitarlos
CODIGO COOMPLETO
<!DOCTYPE html>
<!-- HTML5 is good! -->
<html lang="es">
<head>
<title>Ejemplo de carga dinámica de archivos CSS</title>
<script type="text/javascript">
function LoadCSS(nomarch) {
var e = document.getElementById(nomarch);
if (e == undefined) {
var cssLink=document.createElement("link");
cssLink.setAttribute("rel", "stylesheet");
cssLink.setAttribute("type", "text/css");
cssLink.setAttribute("href", nomarch+".css");
cssLink.setAttribute("id",nomarch);
document.getElementsByTagName("head")[0].appendChild(cssLink);
}
}
</script>
</head>
<body>
<p>Al hacer clic en el botón, se cargará dinámicamente un archivo CSS que le dará otro estilo a los elementos que aparecen más abajo</p>
<button type="button" onClick="LoadCSS('estilos1');">Cargar css1</button>
<button type="button" onClick="LoadCSS('estilos2');">Cargar css2</button>
<button type="button" onClick="LoadCSS('cuscosky');">Cargar css2</button>
<div id="ejemplo">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a aliquet dui. Nullam accumsan orci interdum urna dapibus dictum. Nam mattis egestas erat, eget egestas lacus
<span id="rojo">elementum eget</span>
. Integer tristique accumsan dui, sed aliquet nisi ornare ut. Nam hendrerit metus eget magna commodo condimentum. In velit metus, commodo ac adipiscing at, congue quis orci. Vestibulum sagittis scelerisque consequat. Sed sollicitudin hendrerit imperdiet. Mauris ut augue dolor, id laoreet quam.
<b>Class</b>
aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur vitae augue eu arcu blandit condimentum. Curabitur accumsan, nisl sed faucibus fringilla, elit sapien elementum magna, tempor vehicula enim felis vel elit. Pellentesque ultricies bibendum ultricies. Vivamus at libero sem, ut feugiat justo.
</p>
<ul class="lista">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>
</div>
<table width="468" summary="Tabla de ejemplo" >
<thead>
<tr>
<th width="175">NUMERO DE PARTE</th>
<th width="186">CANTIDAD ENTREGADA</th>
</tr>
</thead>
<tbody >
<tr >
<th> <div align="center">
<input name="txtnumpartrecibido" type="text" class="TEXTBOX" id="txtnumpartrecibido" size="10" />
</div></th>
<th><div align="center">
<input name="txt_cantidad_recibida" type="text" class="TEXTBOX" id="txt_cantidad_recibida" size="10" />
</div></th>
<td><label>
<input name="button2" type="button" class="BTN" id="button2" value="RECIBIR" onclick="ADDRECIBIDOACETONA()"/>
</label></td>
</tr>
</tbody>
</table>
</body>
</html>
EXPLICACION:
function LoadCSS(nomarch) {
var e = document.getElementById(nomarch);
if (e == undefined) {//AQUI ESPECIFICA QUE SI NO EXISTE EL ID SE CREARA
var cssLink=document.createElement("link");
cssLink.setAttribute("rel", "stylesheet");
cssLink.setAttribute("type", "text/css");
cssLink.setAttribute("href", nomarch+".css");
cssLink.setAttribute("id",nomarch);
document.getElementsByTagName("head")[0].appendChild(cssLink);
}else{
//AQUI QUISIERA ELIMINAR EL CODIGO POR SU ID DE EL ESTILO CSS
}
}