Изменить значение класса с помощью Greasemonkey?

Question

Какой метод изменяет значение класса с помощью Greasemonkey? Например, я хотел бы изменить:

<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

Для простой статической страницы и при условии, что id="Test" является уникальным и стабильным, код, подобный следующему будет работать:

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

---

---

Для AJAX-й rined pages, этот полный скрипт будет работать:

// ==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"); 
}