Maison > interface Web > Questions et réponses frontales > comment supprimer le CSS

comment supprimer le CSS

藏色散人
Libérer: 2021-04-26 09:47:35
original
3098 Les gens l'ont consulté

Comment supprimer CSS : créez d'abord un nouveau fichier html ; puis utilisez la balise p pour créer une ligne de texte, et définissez l'attribut de classe de la balise p sur un, puis utilisez css pour définir la taille du texte ; à 20px et la couleur du texte à rouge Enfin, exécutez la fonction myfun() pour supprimer le style CSS.

comment supprimer le CSS

L'environnement d'exploitation de cet article : système Windows 7, css3&&javascript version 1.8.5, ordinateur Dell G3.

Créez un nouveau fichier html, nommé test.html, pour expliquer comment utiliser js pour supprimer les styles CSS.

comment supprimer le CSS

Dans le fichier test.html, utilisez la balise p pour créer une ligne de texte et définissez l'attribut class de la balise p sur un et l'attribut id sur pp .

comment supprimer le CSS

Dans le fichier test.html, via l'attribut class de la balise p, utilisez css pour définir la taille du texte sur 20px et la couleur du texte sur rouge. En même temps, définissez un autre style avec le nom de classe deux et définissez le texte sur 20 px.

comment supprimer le CSS

Dans le fichier test.html, utilisez la balise bouton pour créer un bouton avec le nom de bouton "Supprimer css".

comment supprimer le CSS

Liez l'événement onclick au bouton Lorsque vous cliquez sur le bouton, exécutez la fonction myfun().

comment supprimer le CSS

Dans le fichier test.html, dans la balise js, créez la fonction myfun Au sein de la fonction, utilisez l'identifiant de la balise p pour obtenir l'objet élément p en utilisant. la méthode getElementById(), puis définissez l'attribut de classe de la balise p sur le nouveau nom d'attribut deux via la méthode setAttribute(), supprimant ainsi le style d'origine et définissant un nouveau style pour supprimer le style CSS de couleur de la balise p.

comment supprimer le CSS

Ouvrez le fichier test.html dans le navigateur, cliquez sur le bouton pour voir l'effet.

comment supprimer le CSS

[Apprentissage recommandé : 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:
css
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