使用Greasemonkey更改Class值?

时间:2016-10-05 23:02:24

标签: javascript html greasemonkey tampermonkey

使用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"

1 个答案:

答案 0 :(得分:2)

对于一个简单的静态页面并假设id="Test"是唯一且稳定的,以下代码将起作用:

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

对于AJAX驱动的页面,这个完整的脚本可以工作:

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