El nivel 2 de DOM presenta una colección styleSheets[] que contiene referencias a todos los elementos <style> incluidos en un documento.
- insertRule(ruleText,ruleIndex). Inserta la regla CSS definida en el parámetro ruleText en el índice especificado del vector. (addRule(ruleText,ruleIndex))
- deleteRule(ruleIndex). Elimina la regla especificada en el parámetro ruleIndex. (removeRule(ruleIndex))
- cssRules[]. Un vector de propiedades que contiene reglas individuales dentro del bloque de estilos (rules[])
EL problema es que Internet Explorer va por libre. Los equivalentes para IE están entre parentesis
<script type=”text/javascript”>
document.write(“NUmero de estilos: #” + document.styleSheets.length);
//la relgla del estilo p
document.write(“<br/><br/>Regla de text-align: “+ stylesheet.cssRules[0].style.textAlign);
//la regla del body
document.write(“<br/> Valor de color: “+ stylesheet.cssRules[1].style.color);
alert(“Borrando color del body”);
stylesheet.deleteRule(1);
</script>

febrero 23rd, 2010
admin
Posted in