從一個元素到另一個元素設置JavaScript的計算風格

Question

因此，我在努力複製應用於一個元素（class/id/tagName/attribute等）的所有樣式。 到目前爲止，我發現我可以複製元素的計算樣式， 只是一個問題... couldend應用它outher元素;/

或diffrend方式複製所有的樣式。

（這是據我得到：/） http://jsfiddle.net/8KdJd/2/

//queriks mode + minor changes to retrive the computed style 
function getCS(el) 
{ 
    if (el.currentStyle) 
     var y = el.currentStyle; 
    else if (window.getComputedStyle) 
     var y = document.defaultView.getComputedStyle(el,null); 
    return y; 
} 
function setCS(el,cs) 
{ 
    if (el.currentStyle) 
    { 

     el.currentStyle = cs; 
     el.style = cs; 
    } 
    else if (window.getComputedStyle) 
    {el.style = cs 
    } 

} 


var myLink = document.getElementById('myLink'); 
var anotherLink = document.getElementById('anotherLink'); 

var CS_myLink = getCS(myLink); 
setCS(anotherLink,CS_myLink); 

Answer 1

完蛋了！我明白了:)

我們看到很多人看到這個問題， 所以下面是更詳細和乾淨的代碼。

var copyComputedStyle = function(from,to){ 
    var computed_style_object = false; 
    //trying to figure out which style object we need to use depense on the browser support 
    //so we try until we have one 
    computed_style_object = from.currentStyle || document.defaultView.getComputedStyle(from,null); 

    //if the browser dose not support both methods we will return null 
    if(!computed_style_object) return null; 

     var stylePropertyValid = function(name,value){ 
        //checking that the value is not a undefined 
      return typeof value !== 'undefined' && 
        //checking that the value is not a object 
        typeof value !== 'object' && 
        //checking that the value is not a function 
        typeof value !== 'function' && 
        //checking that we dosent have empty string 
        value.length > 0 && 
        //checking that the property is not int index (happens on some browser 
        value != parseInt(value) 

     }; 

    //we iterating the computed style object and compy the style props and the values 
    for(property in computed_style_object) 
    { 
     //checking if the property and value we get are valid sinse browser have different implementations 
      if(stylePropertyValid(property,computed_style_object[property])) 
      { 
       //applying the style property to the target element 
        to.style[property] = computed_style_object[property]; 

      } 
    } 

};