Usuń classname od elementu z javascript

Question

znalazłem następujące regex z innego pytanie przepełnienie stosu: Change an element's class with JavaScript

I zostały wykorzystane w ramach mojego skryptu z powodzeniem, jednak w innym wydaje się niepowodzeniem.

wrzuciłem razem bardzo minimalistyczny przypadek testowy na jsFiddle, a także braku:

http://jsfiddle.net/ew47Y/1/

HTML:

<div class="foo" id="foo"> 
    hello 
</div>​ 

JS:

$(document).ready(function(){ 
    foo = document.getElementById('foo'); 
    foo.className += ' bar foobar'; 
    alert(foo.className); 
    foo.className.replace(/(?:^|\s)bar(?!\S)/ , '') 
    alert(foo.className); 
})​ 

Answer 1

to dlatego, replace nie modyfikuje łańcucha wzywaj to; raczej zwraca nowy ciąg. Więc:

 foo.className = foo.className.replace(/(?:^|\s)bar(?!\S)/ , '') 

(Nawiasem mówiąc, w rzeczywistości nie trzeba robić tego surowca JavaScript, jQuery, ponieważ obiekty oferują removeClass metody. http://api.jquery.com/removeClass/ więc można napisać:

 $('#foo').removeClass('bar'); 

lub :

 $(foo).removeClass('bar'); 

)

Answer 2

foo.className = foo.className.replace(/(?:^|\s)bar(?!\S)/ , ''); 

lub z jQuery (które wydają się być za pomocą):

foo.removeClass('bar'); 

Answer 3

Istnieje również rozwiązanie, które wykorzystują word boundary metacharacter \b:

foo.className.replace(/\bbar\b/g ,''); 

może to apartament kogoś, ale należy pamiętać, granica słowo występuje także między znakiem słownym [A-Za-z0-9_] a znakiem kreskowym -. Dlatego nazwa klasy np. "inna klasa prętów" również zostanie zastąpiona, co spowoduje powstanie "innej - klasy". Jednakże, w przeciwieństwie do powyższych rozwiązań, rozwiązanie "\b" nie usuwa znaku odstępu przed nazwą klasy, co może być pożądane, a więc ciąg, np. "Pierwszy pasek" zakończy się jako "pierwszy pasek".

Answer 4

Nie zapomnij o classList.

el.classList.remove('boop');

http://jsfiddle.net/yXQL3/