Changer href d'un link css
parousky
Messages postés
325
Date d'inscription
Statut
Membre
Dernière intervention
-
Pitet Messages postés 2826 Date d'inscription Statut Membre Dernière intervention -
Pitet Messages postés 2826 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
sur une page test, je crée un div en js auquel j'attribue un certain id, et j'aimerais pouvoir designer ce div en css. Alors ce que je me suis dit, c'est de créer une page css qui effectuerait le design de ce div (pas encore créé), puis que j'appellerai cette page via javascript.
Donc si je suis la, vous vous en doutez, c'est que ça ne fonctionne pas !
Alors voilà le bout de code que j'ai écrit :
Alors en cliquant sur le bouton, je dois créer le div et ensuite je change le href de mon link css. Mais le design ne se fait pas.
Voyez-vous une raison pour que ça foire ?
Merci d'avance pour vos réponses !
sur une page test, je crée un div en js auquel j'attribue un certain id, et j'aimerais pouvoir designer ce div en css. Alors ce que je me suis dit, c'est de créer une page css qui effectuerait le design de ce div (pas encore créé), puis que j'appellerai cette page via javascript.
Donc si je suis la, vous vous en doutez, c'est que ça ne fonctionne pas !
Alors voilà le bout de code que j'ai écrit :
<!DOCTYPE HTML>
<html>
<head>
<link id="page_css" rel="stylesheet" type="text/css" href="start_css.css" />
</head>
<body>
<button id="click" onclick="Create_elt()">Clic</button>
<script>
function Create_elt()
{
var elt = document.createElement("div");
elt.id = "test_id";
elt.className = "test_id";
document.body.appendChild(elt);
document.querySelector("link[href='start_css.css']").href = "test_css.css";
}
</script>
</body>
</html>
Alors en cliquant sur le bouton, je dois créer le div et ensuite je change le href de mon link css. Mais le design ne se fait pas.
Voyez-vous une raison pour que ça foire ?
Merci d'avance pour vos réponses !
A voir également:
- Changer href d'un link css
- Changer dns - Guide
- Changer carte graphique - Guide
- Changer wifi chromecast - Guide
- Changer clavier qwerty en azerty - Guide
- Changer extension fichier - Guide
1 réponse
Salut,
Ton code semble pourtant correct et devrait fonctionner.
Néanmoins l'élément div créé en javascript ne possède aucun contenu, donc si tu ne lui défini aucune hauteur il va s'afficher sur 0px de hauteur et ne sera donc pas visible (comportement par défaut des div).
Peux t-on voir le contenu des fichiers css ?
Bonne journée,
Ton code semble pourtant correct et devrait fonctionner.
Néanmoins l'élément div créé en javascript ne possède aucun contenu, donc si tu ne lui défini aucune hauteur il va s'afficher sur 0px de hauteur et ne sera donc pas visible (comportement par défaut des div).
Peux t-on voir le contenu des fichiers css ?
Bonne journée,