info@a-coding-project.de

JavaScript: rules

Die clientseitige rules-Kollektion bietet den Zugriff auf die Regeln eines StyleSheets.
Eine rules-Kollektion besitzt die folgende Eigenschaft:
  • lenth (JScript 3.0 /DOM2)

... und Methode:

  • item (JScript 3.0 /DOM2)

Bitte beachten Sie einen kleinen Unterschied zwischen normalen Kollektionen und der rules-Kollektion: Da es sich hierbei um CSS-Definitionen handelt, die durch die Kollektion zurückgegeben werden, ist der Zugriff auf ebendiese etwas verändert worden. Die rules-Kollektion unterstützt beim direkten Zugriff auf eine Definition lediglich die Möglichkeit den Index des Attributes zu notieren. Auch die item-Methode ist dementsprechend nur mit einer Zahl verwendbar.
Beispiel:

// den gesamten Text rot machen
a = document.styleSheets;
for(i=0; i<a.length; i++)
{
 for(j=0; j<a[i].rules.length; j++)
 {
  a[i].rules[j].style.color = 'red';
 }
}

Über uns

Stefan Wienströer

Wir entwickeln Webanwendungen mit viel Leidenschaft. Unser Wissen geben wir dabei gerne weiter. Mehr über a coding project

Auch interessant