« Remplacer les caractères spéciaux par leur équivalent HTML via un script Javascript
Paramètres d’impression en CSS »

Changer la propriété CSS background-image à partir du Javascript via le DOM

Si vous essayer d’utiliser comme d’habitude :

Afficher le code SANS coloration syntaxique
CODE:
  1. document.getElementById(’mondiv’).style.background-image = url(monurl/monimage);

Vous constaterez que cela ne fonctionne pas car il y a un tiret entre background et image.
Il faut alors enlever le tiret et mettre en majuscule la première lettre qui suit :

Afficher le code SANS coloration syntaxique
CODE:
  1. document.getElementById(’mondiv’).style.backgroundImage = url(monurl/monimage);

Quand on le sait c’est si simple ;-)

Ceci est valable pour toutes les balises CSS comprenant un tiret.

Cet article a été publié le Tuesday 12 December 2006 à 1.33 am et est classé dans Javascript, CSS. Vous pouvez suivre les réponses reçues par cet article grâce au fil RSS 2.0. Vous pouvez laisser un commentaire, ou faire un trackback depuis votre site.

2 réponses à “Changer la propriété CSS background-image à partir du Javascript via le DOM”

  1. cijez Says:
    2006-12-26 at 2.00 pm

    juste une petite correction,
    ce n’est pas “guillemet” mais “tiret” ;)

  2. hotips Says:
    2006-12-26 at 2.18 pm

    C’est corrigé, merci ;-)

Laisser un commentaire