variables match indexOf dans ce cas particulier

Question

Je veux vérifier si mydiv avoir ou ne pas si elle ne l'avez pas, une classe , ajouter quoi que ce soit à l'intérieur du varnewClass. Je tente de le faire comme ça, mais il ne fonctionne pas:

var newClass="classToBeAdded"; 

if(document.getElementById("mydiv").className.indexOf(/(?:^|)(newClass)(?:$|)/)==-1){ 
    document.getElementById("mydiv").className+=" "+newClass; 
} 

Answer 1

Utilisez cette :

var newClass = "classToBeAdded"; 
var d = document.getElementById("mydiv"); 
var r = new RegExp(" " + newClass + " "); 
if (r.test(" " + d.className + " ")) 
    // do something here 

Ou, similaire:

var d = document.getElementById("mydiv"); 
if ((" " + d.className + " ").indexOf(" " + newClass + " ") != -1) 
    // do something here 

Les espaces sont ajoutés avant et après la chaîne className afin que nous puissions correspondre à la classe cible, peu importe où il apparaît dans la chaîne.

Certains tests

On suppose la fonction suivante:

function hasClass(str, name) { 
    return (" " + str + " ").indexOf(" " + name + " ") != -1; 
} 

Tests:

hasClass("target", "target") // true 
hasClass("test target test1", "target") // true 
hasClass("test1 target", "target") // true 
hasClass("target test1", "target") // true 
hasClass("test1", "target") // false 

Answer 2

Vous pouvez utiliser javascript propriété de l'élément dom

document.getElementById("mydiv").classList 

il retourne un tableau de noms de classes attribuées

Answer 3

Vous devriez probablement utiliser une bibliothèque abstraire ce genre de questions pour vous.

La règle générale est que vous devriez vous concentrer sur vos problèmes spécifiques au domaine plutôt que de réinventer la roue.

jQuery .hassClass est un bon candidat