Reference til CSS class
Er der nogen der ved hvordan man referer til en CSS class, for at ændre eks. borderen på alle de layers der er medlem af den class?Jeg ved godt at man kan gøre det ved at referere til layernes id og bruge et for() loop, men det er jeg ikke intresseret i, da det er for langsomt til mange layers.
<html>
<head>
<script>
function changeMyLayers(){
/* Har prøvet nedstående:
myLayerClass.style.border = \"3px solid #000000\";
document.styleSheets[0].cssRules[0].style.border = \"3px solid #000000\";
document.styleSheets[0].myLayerClass.style.border = \"3px solid #000000\";
*/
}
</script>
<style type=\"text/css\">
.myLayerClass { background-color: #0033CC; width:50px; height:50px; border: 1px solid #000000}
</style>
</head>
<body>
<div id=\"Layer1\" style=\"position:absolute; left:50px; top:50px;\" class=\"myLayerClass\"></div>
<div id=\"Layer2\" style=\"position:absolute; left:100px; top:100px;\" class=\"myLayerClass\"></div>
<div id=\"Layer3\" style=\"position:absolute; left:150px; top:50px;\" class=\"myLayerClass\"></div>
<div id=\"Layer4\" style=\"position:absolute; left:200px; top:100px;\" class=\"myLayerClass\"></div>
<div id=\"Layer5\" style=\"position:absolute; left:250px; top:50px;\" class=\"myLayerClass\"></div>
<div id=\"Layer6\" style=\"position:absolute; left:300px; top:100px;\" class=\"myLayerClass\"></div>
<input type=\"button\" onclick=\"changeMyLayers()\" value=\"Klik mig!\" style=\"position:absolute; top:200; left:150;\">
</body>
</html>
