Maison  >  Article  >  interface Web  >  Comment js change le style CSS

Comment js change le style CSS

coldplay.xixi
coldplay.xixioriginal
2021-04-16 14:52:464360parcourir

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.

Comment js change le style 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn