Wie js den CSS-Stil ändert

So ändern Sie den CSS-Stil in js: 1. Verwenden Sie die Methode cssText. 2. Verwenden Sie die Methode [setProperty()]. 3. Verwenden Sie das dem CSS-Attribut entsprechende Stilattribut.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version, DELL G3-Computer.

JS-Methode zum Ändern des CSS-Stils:

Die erste: Verwenden Sie cssText

div.style.cssText='width:600px;height:250px;border:1px red solid;text-align: center;line-height: 250px;';

Die zweite: verwenden Sie setProperty()

 div.style.setProperty('width','700px');
 div.style.setProperty('height','300px');
 div.style.setProperty('line-height','300px');
 div.style.setProperty('background','#f00');
 div.style.setProperty('color','#fff');
 div.style.setProperty('border','1px solid blue');
 div.style.setProperty('text-align','center');

Die dritte: Verwenden Sie das dem CSS entsprechende Style-Attribut Attribut

 div.style.width = "800px";
 div.style.height = "250px"; 
 div.style.lineHeight = "250px"; 
 div.style.background = "#000";
 div.style.color = "#fff";
 div.style.border = "1px solid #111";
 div.style.textAlign = "center";

rrree

Verwandte Tutorial-Empfehlungen: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWie js den CSS-Stil ändert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!