Java Script: Das umfassende Referenzwerk

16.5 CSS-Klassen per Skript steuern

Eine Alternative zur Skriptsteuerung individueller CSS-Styles über die style-Eigenschaft besteht darin, in HTML den Werts des class-Attributs zu ändern, und zwar per Skript über die className-Eigenschaft eines beliebigen HTML-Elements. Das dynamische Setzen einer Elementklasse kann die Styles, die auf das Element angewendet werden, dramatisch ändern – vorausgesetzt natürlich, dass die von Ihnen verwendete Klasse entsprechend in einem Stylesheet definiert ist. Diese Technik kommt in Beispiel 18-3 zur Anwendung, einem Formularüberprüfungsbeispiel, das noch einmal in diesem Buch vorkommt. Der JavaScript-Code in diesem Beispiel setzt den className von Formularelementen auf »valid« bzw. »invalid«, abhängig davon, ...