Heim > Artikel > Web-Frontend > So ändern Sie CSS in JS
So ändern Sie CSS in js: 1. Verwenden Sie [obj.style.cssTest], um das eingebettete CSS zu ändern. 2. Verwenden Sie [bj.className], um den Klassennamen des Stylesheets zu ändern css-Datei, wodurch das CSS des Elements geändert wird.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version, DELL G3-Computer.
So ändern Sie CSS in JS:
Methode 1. Verwenden Sie obj.style.cssTest, um eingebettetes CSS zu ändern
function changeStyle2() { var obj = document.getElementById("btnB"); obj.style.cssText = " display:block;color:White; }
Methode 2. Verwenden Sie bj.className, um den Klassennamen des Stylesheets zu ändern
Verwenden Sie Code, um den Klassennamen des btB-Referenzstils zu ändern, wie im folgenden Codeausschnitt gezeigt:
function changeStyle3() { var obj = document.getElementById("btnB"); //obj.className = "style2"; obj.setAttribute("class", "style2"); }
Ändern Sie den Stil, indem Sie den Klassennamen des btB-CSS ändern. Es gibt zwei Möglichkeiten, den Stilklassennamen zu ändern. 1. obj.className = "style2"; 2. obj.setAttribute("class", "style2");
Die Verwendung dieser Methode zum Ändern von CSS hat einen viel besseren Effekt als die oben genannten.
Methode 3: Ändern Sie die CSS-Datei des externen Links, um das CSS des Elements zu ändern.
Ändern Sie den Stil von btB, indem Sie die Referenz der externen CSS-Datei ändern. Der Code lautet wie folgt:
Zuerst müssen Sie die externe CSS-Datei zitieren. Der Code lautet wie folgt:
<link href="css1.css" rel="stylesheet" type="text/css" id="css"/> function changeStyle4() { var obj = document.getElementById("css"); obj.setAttribute("href","css2.css"); }
Empfohlene verwandte Tutorials: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo ändern Sie CSS in JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!