différence Javascript entre IE et Firefox

Question

j'ai les lignes suivantes de Javascript:

var button = document.getElementById("scriptsubmit"); 
button.setAttribute("class", "remove"); 

Dans Firefox, cela fonctionne parfaitement et dans l'explorateur Internet, il ne fonctionne pas. Je suis conscient qu'Internet Explorer s'attend à ce que la classe soit className, mais je ne sais pas comment détecter les éléments à utiliser en tant que détection d'objet ne semble pas s'appliquer dans ce cas.

Merci pour vos réponses

Answer 1

Vous pouvez simplement utiliser la propriété className directement dans les deux navigateurs:

var button = document.getElementById("scriptsubmit"); 
button.className = "remove"; 

Answer 2

Les deux navigateurs prennent en charge className, donc il n'y a pas besoin de quoi que ce soit détecter.

Answer 3

Selon ces tests, setAttribute() n'est pas entièrement pris en charge dans IE: http://www.quirksmode.org/dom/w3c_core.html#t1110

Une façon de contourner cela est de créer un nouvel élément HTML, définissez ses propriétés, puis remplacez le bouton avec elle, comme si :

var newButton=document.createElement("button"); 
newButton.class="remove"; 

var oldButton=document.getElementById("button"); 
document.removeChild(oldButton); 
document.appendChild(newButton);