Archive for febrero, 2010

Hojas de Estilo DOM 2

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>

Powered by WordPress | Compare the Best Cell Phones at Bestincellphones.com. | Thanks to CD Rates, 0 credit cards and Home Information Packs