1. Ändern Sie den Stil teilweise
Es gibt drei Methoden: direktes Ändern des Stils, Ändern des Klassennamens und Ändern des CSS-Texts
Klassennamen ändern: document.getElementById('obj').className="…"
CSSText ändern: document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;";
Ändern Sie den direkten Stil: document.getElementById('obj').style.backgroundColor="#003366″
2. Ändern Sie den Stil global
Das Umschalten des Webseitenstils in Echtzeit wird durch Ändern des href-Werts des externen Linkstils erreicht, dh durch „Ändern des Vorlagenstils“.
Zuerst müssen Sie dem Ziel, das geändert werden muss, eine ID geben, z
Kopieren Sie den Codecode wie folgt:
<link rel="stylesheet" type="text/css" id="css" href="firefox.css" />
Es ist sehr einfach anzurufen, z
Kopieren Sie den Codecode wie folgt:
<span onclick="javascript:document.getElementById('css').href='ie.css'">Klicken Sie auf mich, um den Stil zu ändern</span>