¿Por qué no .getPropertyValue() devolverá un valor para la propiedad "borderRadius"?

Question

Aquí es la función:

function lastmenuborder() { 
    var articleparent = document.getElementById('article').parentNode; 
    var articlestyle = window.getComputedStyle(articleparent,null).getPropertyValue('borderRadius'); 
    alert (articlestyle); 
} 

consigo ningún valor, sin embargo, el CSS para el nodo padre es:

div#mainbody div.placeholder { 
    border-radius: 3px; 
} 

¿Qué tendría que cambiar para volver "3px"? Toda ayuda fue muy apreciada; Todavía soy un nuevo en JavaScript.

Answer 1

Para getPropertyValue(), utiliza guiones en lugar de camelCase.

Esto funciona en Chrome ...

.getPropertyValue('border-radius'); 

Pero Firefox parece requerir esquinas específicos usando esta sintaxis ...

.getPropertyValue('border-top-left-radius'); 

Answer 2

getComputedStyle no es compatible con Internet Explorer 8 a continuación, para fijar este uso:

if (!window.getComputedStyle) { 
     window.getComputedStyle = function(el, pseudo) { 
      this.el = el; 
       this.getPropertyValue = function(prop) { 
       var re = /(\-([a-z]){1})/g; 
       if (prop == 'float') prop = 'styleFloat'; 
       if (re.test(prop)) { 
        prop = prop.replace(re, function() { 
         return arguments[2].toUpperCase(); 
        }); 
       } 
       return el.currentStyle[prop] ? el.currentStyle[prop] : null; 
      } 
      return this; 
     } 
    } 

var elem = window.getComputedStyle(document.getElementById('test'), ""); 
alert(elem.getPropertyValue("borderRadius"));