Javascript 隐藏具有特定样式的任何元素

我正试图编写一个脚本来隐藏具有特定样式的所有元素

我想这样做：

var hide = document.getElementByStyle("border: 3px ridge #333333").style.display="none";

---

将该css放入css.class中，并使用

getElementsByClassName（）

。然后在元素出现时用该类隐藏它们…

试试这个解决方案，似乎已经足够接近了。

function editStyles(el) {
    if(el.getAttribute('style') == 'border: 3px ridge #333333')el.style.display='none';

    if(el.childNodes.length > 0) {
        for(var child in el.childNodes) {
            if(el.childNodes[child].nodeType == 1)
                editStyles(el.childNodes[child]);
        }
    }
}

editStyles(document.body);