On cliquer Je souhaite modifier la feuille de style interne dans la tête "Style". (Je ne veux pas le changer dans le style inline !!) J'ai réussi à ajouter le nouveau Divone CSS en tant que texte mais je ne peux pas supprimer l'ancien (Element.Classlist.ReMove ("# Divone");). Y a-t-il un idlist.Retirer? ..., ou tout autre moyen d'accomplir cela. Toute idée ou suggestion?
merci
3 Réponses :
Vous essayez de supprimer classe forte> mais utiliser id fort> le faire comme ci-dessous. Modifier le symbole d'identifiant p> # code> au symbole de la classe . Code> modifie également l'ID DOM en nom de classe: p>
<!DOCTYPE html>
<html>
<head>
<style id="style">
#divone {
width: 500px;
height: 50px;
background-color: red;
}
</style>
</head>
<div id="divone">hello !!</div>
<div id="divtwo"></div>
<button onclick="myFunctionTest()">Click me</button>
Dis-moi pour plus d'aide
J'en ai besoin avec id ..., comme je l'ai mentionné dans la question s'il y a quelque chose comme l'élément.idlist.remove ("Divone");
Dans votre exemple, le style #divone est juste dupliquer, donc j'ai deux #Divone dans le style. L'ancien #divone doit être enlevé et remplacé par le nouveau #divone, mais l'autre #divtwo ..., ne sera pas supprimé
Vous donnez du CSS dans OnCliquez sur le bouton. Essayez ci-dessous.
p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<style id="style">
.divone{
width: 500px;
height: 50px;
background-color: red;
}
</style>
</head>
<div class="divone" id="button">hello !!</div>
<div class="divtwo"></div>
<button onclick="myFunction()">Click me</button>Pas de jQuery, je vous demanderais si vous pouvez transformer cela en JavaScript?
J'ai besoin de modifications dans le style interne de la tête, pas le style inline
function myFunctionTest() {
document.getElementById("style").remove();
var css = '#divone{width: 400px; height: 35px; background-color: red;}',
head = document.head || document.getElementsById('head')[0],
style = document.createElement('style');
head.appendChild(style);
style.type = 'text/css';
if (style.styleSheet){
// This is required for IE8 and below.
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}
}
Je ne veux pas retirer tout le style mais juste #divone et le remplacer par un autre #divone, car le style contient des autres comme #divtwo ....., beaucoup ...
Ajouter simplement une nouvelle propriété de style à la même étiquette de style et la même décélération de style sera remplacée. Pourquoi voulez-vous supprimer à l'ancien?