Maison > Article > interface Web > Comment js change le style CSS
Comment changer le style css dans js : 1. Utilisez la méthode cssText ; 2. Utilisez la méthode [setProperty()] 3. Utilisez l'attribut style correspondant à l'attribut css.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3, ordinateur DELL G3.
Méthode JS pour changer le style CSS :
La première façon : utiliser cssText
div.style.cssText='width:600px;height:250px;border:1px red solid;text-align: center;line-height: 250px;';
La deuxième façon : Utilisez 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');
La troisième façon : Utilisez l'attribut style correspondant à l'attribut css
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";
这是一个盒子
Tutoriels recommandés : Tutoriel vidéo CSS
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!