Modifier la valeur de la classe à l'aide de Greasemonkey?

Question

Quelle méthode modifie une valeur de classe en utilisant Greasemonkey? Par exemple, je voudrais changer:

<a id="Test" class="button_primary button_left_padding tlignore disabled" role="button" 

à:

<a id="Test" class="button_primary button_left_padding tlignore enabled" role="button" 

Answer 1

Pour une simple page statique et en supposant que id="Test" est unique et stable, le code comme suit fonctionnera:

var targNode = document.getElementById ("Test"); 
targNode.classList.remove ("disabled"); 
targNode.classList.add ("enabled"); 

---

---

Pour AJAX-d pages déchirées, ce script complet fonctionnerait:

// ==UserScript== 
// @name  _Flip CSS classes 
// @match http://YOUR_SERVER.COM/YOUR_PATH/* 
// @require http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js 
// @require https://gist.github.com/raw/2625891/waitForKeyElements.js 
// @grant GM_addStyle 
// ==/UserScript== 
//- The @grant directive is needed to restore the proper sandbox. 

waitForKeyElements ("#Test", swapClass); 

function swapClass (jNode) { 
    jNode.removeClass ("disabled").addClass ("enabled"); 
}