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.
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.
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 .
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.
Dans le fichier test.html, utilisez la balise bouton pour créer un bouton avec le nom de bouton "Supprimer css".
Liez l'événement onclick au bouton Lorsque vous cliquez sur le bouton, exécutez la fonction myfun().
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.
Ouvrez le fichier test.html dans le navigateur, cliquez sur le bouton pour voir l'effet.
[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!