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

Comment js change le style CSS

coldplay.xixi
Libérer: 2023-01-05 16:09:13
original
4399 Les gens l'ont consulté

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;';
Copier après la connexion

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');
Copier après la connexion

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";
Copier après la connexion

        
这是一个盒子
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal