This link has been bookmarked by 5 people . It was first bookmarked on 06 May 2008, by Fabien Meurillon.
-
27 Jun 13
-
19 Apr 11
-
La fonction setAttribute()
-
Si la fonction est compatible sous internet explorer et les navigateurs gecko, son utilisation diffère cependant lorsque l'on veut manipuler la classe de l'élément ou les événements qui y sont appliqués.
-
mon_element.setAttribute("class","maclasse");
mon_element.setAttribute("className","maclasse"); -
Il n'est pas nécessaire d'ajouter une détection du navigateur, le code non compris par chacun ne générant pas d'erreur.
-
L'ajout d'événements, comme onclick ou onmouseover
-
Sous firefox, il suffit d'indiquer :
mon_element.setAttribute("onclick","code javascript"); -
Internet explorer n'affichera pas d'erreur de code mais ne l'interprètera pas non plus.
-
Pour pouvoir affecter un événement sous ie, il faudra alors passer par la notation :
mon_element.onclick = nomdefonction;ou alors :mon_element.onclick = function() { code javascript } -
Tous les autres attibuts tels que id, align, lang, etc ne posent quant à eux aucun problème et s'utilisent de la même manière selon les différents navigateurs.
-
mon_element.setAttribute("style","color:red;width:200px;");
-
mon_element.style.setAttribute("cssText","color:red;width:200px;");
-
Pour que le code spécifique à IE ne soit pas pris en compte par les autres navigateurs, il convient d'ajouter une condition afin de tester le navigateur :
if (document.all) { code pour ie }
-
-
08 Jan 08
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.