getComputedStyle（或）$ .css（map）< – 获取每个样式声明

除了循环遍历声明了每个样式属性的数组之外，有没有办法获得dom元素的所有样式的键/值输出？

我的后备是通过以下列出的键重复： http ： //www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSview-getComputedStyle

Answer 1

有没有办法获得dom元素的所有样式的键/值输出？

是的，但不要指望值（单位等）的确切处理是相同的跨浏览器。

var styles= []; // The DOM Level 2 CSS way // if ('getComputedStyle' in window) { var cs= getComputedStyle(element, ''); if (cs.length!==0) for (var i= 0; i 

Answer 2

对于那些追问我同样问题的人来说，手动方式是这样的：

  // Now, here's a list of styles we want to check: var allStyles = ["azimuth","background","backgroundAttachment","backgroundColor","backgroundImage","backgroundPosition","backgroundRepeat","border","borderBottom","borderBottomColor","borderBottomStyle","borderBottomWidth","borderCollapse","borderColor","borderLeft","borderLeftColor","borderLeftStyle","borderLeftWidth","borderRight","borderRightColor","borderRightStyle","borderRightWidth","borderSpacing","borderStyle","borderTop","borderTopColor","borderTopStyle","borderTopWidth","borderWidth","bottom","captionSide","clear","clip","color","content","counterIncrement","counterReset","cssFloat","cue","cueAfter","cueBefore","cursor","direction","display","elevation","emptyCells","font","fontFamily","fontSize","fontSizeAdjust","fontStretch","fontStyle","fontVariant","fontWeight","height","left","letterSpacing","lineHeight","listStyle","listStyleImage","listStylePosition","listStyleType","margin","marginBottom","marginLeft","marginRight","marginTop","markerOffset","marks","maxHeight","maxWidth","minHeight","minWidth","orphans","outline","outlineColor","outlineStyle","outlineWidth","overflow","padding","paddingBottom","paddingLeft","paddingRight","paddingTop","page","pageBreakAfter","pageBreakBefore","pageBreakInside","pause","pauseAfter","pauseBefore","pitch","pitchRange","playDuring","position","quotes","richness","right","size","speak","speakHeader","speakNumeral","speakPunctuation","speechRate","stress","tableLayout","textAlign","textDecoration","textIndent","textShadow","textTransform","top","unicodeBidi","verticalAlign","visibility","voiceFamily","volume","whiteSpace","widows","width","wordSpacing","zIndex"]; // var allStyles = ["float"]; var setStyles = []; // Now we loop through each property, and report those defined $.each(allStyles, function(key, value){ if ($this.css(value) !== undefined){ setStyles.push(value, $this.css(value)) } }); alert(setStyles.join(" 
 "));