stackoverflow列表中有趣的元素背景颜色 - 强制更改

时间:2014-10-02 07:37:21

标签: javascript jquery greasemonkey

我正在尝试从stackoverflow主列表中更改背景颜色项。我只查找属性为tagged-interesting的项目(橙色背景主题)。

enter image description here

我注意到只有添加alert('elements')时代码才有效。没有它我的代码只是没有启动并返回零数量的找到的元素。 我究竟做错了什么? 这是我的代码:

$(document).ready(function () {
  var elements = document.getElementsByClassName('tagged-interesting');
  //alert('elements');

  var length = elements.length;
  for (var i = 0; i < length; i++)
  {
    var element = elements[i];
    element.setAttribute('style', '!important; background-color:#b0ddee; padding:5px')
  }
});

也改为此表格但没有任何结果..

$(document).ready(function () {
  var elements = document.getElementsByClassName('tagged-interesting');
  //alert('elements');

  var length = elements.length;
  for (var i = 0; i < length; i++)
  {
    var element = elements[i];
    element.setAttribute('style', 'background-color:#b0ddee !important; padding:5px;')
  }
});

1 个答案:

答案 0 :(得分:1)

// ==UserScript==
// @name         test
// @namespace    http://stackoverflow.com
// @version      1.0
// @description  http://stackoverflow.com/questions/26156245/interesting-element-background-color-from-stackoverflow-list-force-change
// @include      http://stackoverflow.com/*
// @author       zanetu
// @grant        GM_addStyle
// ==/UserScript==

GM_addStyle('.tagged-interesting {background-color:#b0ddee; padding:5px}');