hola
_cronos2,
---> prueba:
Código:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>pruebas</title>
<script type="text/javascript">
css=function(a,d,e){var g=!1,c=w=!1,a=a||!1,d=d||!1,e=e||!1;t=document.styleSheets[0].cssRules||document.styleSheets[0].rules;typeof a=="object"&&(a=a.className.split(" ")[0]);if(typeof a=="string"){for(var b=a.match(/^\./g)?a:"."+a,f=0;f<t.length;f++)switch(t[f].selectorText){case b:c=t[f].style.cssText.toLowerCase()}if(a&&b&&d==!1&&e==!1)g=c;else if(a&&b&&d&&e==!1){c=c.split(";");for(b=0;b<c.length;b++)c[b]=c[b].split(" ").join(""),c[b].split(":")[0].indexOf(d)!=-1&&(g=c[b].split(":")[1])}}return g};
window.onload=function(){
document.getElementById('sil').innerHTML= css('cla1');
}
</script>
</script>
<style>
.cla1{padding:10px; border:#F00 2px solid;}
.cla2{background:#666; color:#fff;}
</style>
</head>
<body>
<div id="sil">jajaj</div>
<hr><br>
<a class="cla1 cla2" id="enlace">Elemento de prueba</a>
</body>
</html>
prueba esto es distintos navegadores y te saldra
-> chrome
Cita: padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-color: rgb(255, 0, 0); border-right-color: rgb(255, 0, 0); border-bottom-color: rgb(255, 0, 0); border-left-color: rgb(255, 0, 0); border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
-> ie7
Cita: border-bottom: #f00 2px solid; border-left: #f00 2px solid; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; border-top: #f00 2px solid; border-right: #f00 2px solid; padding-top: 10px
->ie9,firefox
Cita: padding: 10px; border: 2px solid rgb(255, 0, 0);
-------
en logica esta perfecto, pero el dilema esta cuando quiero un elemento ejemplo llamo a la función para obtener el border del id
Código Javascript
:
Ver originals('#sil').innerHTML+='<br>--> '+ css(s('#enlace'),'border ');
y al momento de obtenerlo en ie9 perfecto, firefox igual, pero chrome, opera, safari como haría dado que no es
border si no
border-algo-algo, y por estos en css no voy a ponerlo así, por un simple border o margen o cualquiera que tenga mas de un valor
-------
no se si logre realizar el chrome u opera como en ie9 o FF
-------
PD: no uso jQuery