Получить только указанные стили элемента :)

Question

Я могу получить стиль элемента, просто сделав это:

alert (document.defaultView.getComputedStyle (document.getElementById ("element"), null).getPropertyValue ("background-color"));

Я могу получить все стили элемента, просто сделав это:

var styles = document.defaultView.getComputedStyle (document.getElementById ("element"), null);
var string = ""

for (var i = 0; i < styles.length; i ++) {
  string = string + styles[i] + ": " + styles.getPropertyValue (styles[i]) + "\n";
}

alert (string);

Но как я могу получить только указанные стили элемента?

Answer 1

Что вы подразумеваете под «указанными стилями»? Вы имеете в виду:

var el = document.getElementById("element");
alert(el.style.display);
alert(el.style.background);
...etc...

или вы имеете в виду что-то вроде этого:

function in_array (needle, haystack, argStrict) {
    var key = '', strict = !!argStrict;
    if (strict) {
        for (key in haystack) {
            if (haystack[key] === needle) {
                return true;
            }
        }
    } else {
        for (key in haystack) {
            if (haystack[key] == needle) {
                return true;
            }
        }
    }
    return false;
}

var styles = document.defaultView.getComputedStyle (document.getElementById ("element"), null);
var string = "";
var whichStyles = ['display','background-color'];

for (var i = 0; i < styles.length; i ++) {
    if(in_array(styles[i], whichStyles) {
        string = string + styles[i] + ": " + styles.getPropertyValue (styles[i]) + "\n";
    }
}
alert (string);