Probleme mit CSS veränderung per JavaScript

[Andreas]

Hallo,

ich möchte per JavaScript beim Mouseover Event eine bestimmte CSS Eigenschaft einer Tabelle ändern.

Testweise funktioniert das bereits mit:
table.style.border = 'solid 3px #900915';

Mein Ziel ist es aber nicht die komplette Tabelle mit einem Rahmen zu versehen dondern nur die rechte Seite.

table.style.border.right = 'solid 3px #900915';
table.style.border-right = 'solid 3px #900915';

funktionieren aber nicht. Hat jemand eine Idee was ich falsch mache?

[Rouven]

Hi,

table.style.border.right = 'solid 3px #900915';
table.style.border-right = 'solid 3px #900915';
funktionieren aber nicht. Hat jemand eine Idee was ich falsch mache?

Ja, du benutzt ungültige Eigenschaften. Die richtigen kannst du beim style-Objekt nachlesen.

MfG
Rouven

[Cheatah]

Hi,

table.style.border-right = 'solid 3px #900915';
Ja, du benutzt ungültige Eigenschaften.

nö, er benutzt nur die border-Eigenschaft. Von dieser zieht er den Inhalt einer nicht näher genannten Variablen namens right ab, und dem Ergebnis versucht er, einen String zuzuweisen. Sofern er nicht Subtraktionsoperator überladen hat, so dass die Berechnung ein hinreichend günstiges Objekt ergibt, dürfte die Zuweisung eines Strings zu einer Zahl natürlich schief gehen.

Cheatah, SCNR

[afra]

Hallo Andreas!

table.style.border.right = 'solid 3px #900915';
table.style.border-right = 'solid 3px #900915';

Bewschäftige Dich mit den Style-Eigenschaften

Schönen Gruß

AFra