Discussion :

[Samuel_]

Hello,

je suis novice en JavaScript et je souhaite mettre en place un script pour pouvoir injecter un bout de code HTML dans la page.
Concrètement je souhaite insérer un attribut "style" dans plusieurs balises "div".

Est-ce possible en JavaScript ?

Samuel

[iakou]

Bonjour.

Oui ! C'est possible !
Il faut définir un "id" pour votre <div>.
Ainsi à l'occasion d'un évenement quelconque, javascript pourra modifier cette div.

Cdlt

P.S : C'est une blague ?... Compte-tenu de votre profil...

[Samuel_]

Oui ! C'est possible !
Il faut définir un "id" pour votre <div>.
Ainsi à l'occasion d'un évenement quelconque, javascript pourra modifier cette div.

Merci pour l'info.
J'utilise ceci :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var monElt = document.getElementById('MonId');
 
monelt.setAttribute('style', '...');

P.S : C'est une blague ?... Compte-tenu de votre profil...

Non. Je ne connais pas du tout JavaScript et j'avais besoin d'une info rapidement.
Mais au final c'est pas sorcier ...

[Bovino]

Oui, c'est tout à fait possible avec JavaScript. C'est même une utilisation très fréquente de JavaScript.
Néanmoins, modifier des styles et injecter du code HTML, ce n'est pas pareil.
Pour ce qui est des styles, il faut passer par le DOM et utiliser la propriété style des éléments que tu souhaites modifier.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('mon_element').style.propriete = valeur;

iakou, on peut être amené à avoir un profil "Expert" suite à une grosse activité sur un forum sans toutefois être expert dans tous les domaines, voire ne rien connaitre dans certains domaines.

[NoSmoking]

Bonjour,
si plusieurs propriétés sont à modifier autant passer par l'ajout/retrait d'une classe sur l'élément.

[Bovino]

Pas nécessairement. La propriété style peut prendre comme valeur une chaine de caractères via la propriété cssText :

http://jsfiddle.net/j8Wxy/

C'est d'ailleurs recommander si l'on affecte plusieurs styles car ça évite de multiplier les repaint à chaque affectation (mais il me semble que les navigateurs récents prennent cela en compte et ne font le repaint qu'après toutes les affectations réalisées).

Noter le ; initial si on veut ajouter des règles : on utilise ici un mode getter (à priori inutile parce que le getter renvoie le contenu de l'attribut HTML style qui est ici vide, mais c'est pour l'explication) pour le concaténer, or IE renvoie le contenu de l'attribut style sans le ; final, du coup, si on ne le met pas au début, ça bogue, alors que si on le met, au pire, les navigateurs conformes auront un double ; qui ne gène pas vraiment.

[NoSmoking]

Pas nécessairement.

Certes mais la maintenance n'en est que plus simple.