Verwenden von Javascript, um bestimmte CSS-Eigenschaftswerte zu erhalten_Experience-Austausch

...

Deklariert in global.css


#myArticle{
width :400px ;
height:300px;
}

In diesem Fall ist es unmöglich, den Wert von 400px über getElementById('myArticle').style.width direkt über JS zu erhalten, da dieser Wert It ist in CSS definiert, daher müssen andere Methoden verwendet werden:


/** 
* Funktion zum Abrufen des Stilwerts in einer speziellen CSS-Datei 
* @param int css_file_id 
* @param String labname 
* @param String param 
*/
function getStyleValue(css_file_id,labname,param)
{
var tar;
var style;

tar = document.styleSheets?tar.cssRules:tar.rules

for(i=0;i{
style = rss[i];
if(style .selectorText.toLowerCase() == labname. toLowerCase())
{ value = style.style[param];
}
return value;

Jetzt können Sie es durchbringen


getStyleValue(0,'#myArticle','width')

:)