getComputedStyle（）。getPropertyValue（）獲取邊框值？ （Mozilla，FF）

Question

在某些瀏覽器（即Firefox）中，getComputedStyle().getPropertyValue()不報告速記CSS的任何內容，例如border。有沒有獲得這些速記CSS值的非特定代碼方式？我已經考慮製作一個簡寫CSS的白名單以及他們各自的CSS手勢值。但我意識到這樣做既是一個巨大的痛苦，也是一個非向前兼容的設計。

Answer 1

我想知道，你想要做什麼字符串像border: 1px solid #000？

說要複製一個elems的border以copyStyle(el2, el, "border")複製：

// Copies a set of styles from one element to another. 
function copyStyle(dest, source, shorthand) { 
    var computed = window.getComputedStyle(source, null); 
    for (var i = computed.length; i--;) { 
    var property = camelize(computed[i]); 
    if (property.indexOf(shorthand) > -1) { 
     console.log(property) 
     dest.style[property] = computed[property]; 
    } 
    } 
} 

// prototype.js 
function camelize(text) { 
    return text.replace(/-+(.)?/g, function (match, chr) { 
    return chr ? chr.toUpperCase() : ''; 
    }); 
} 

比較如果兩個元素的給定的風格相匹配時，以同樣的方式來完成。除此之外，我真的不能看到使用字符串，如果你想用它來計算任何東西，應該解析它。