Dynamisk ændring af et element inde i et CSS element
HejKan det lade sig gøre at udskifte værdien af f.eks. "color" i et CSS element.
Se dette meget simple eksempel:
<html>
<head>
<style>
.PageHeader{
font-family: Tahoma;
color: #4D4D4D;
font-size: 18px;
background-color: #FFFFFF;
font-weight:bold;
padding-left: 4px;
}
</style>
</head>
<body>
<span class="PageHeader">FØR AAAAAAAAAAAAAAAAAAAAAA<span>
<script>
document.style.PageHeader.color = "FFFF00";
</script>
<span class="PageHeader">EFTER BBBBBBBBBBBBBBBBBBBBB<span>
</body>
</html>
Håber det er tydeligt nok hvad jeg har til hensigt her ...
Men, kan det i det hele taget lade sig gøre ?
Fejlen i browseren (Edge) er "Uncaught TypeError: Cannot set properties of undefined (setting 'color')"
Hilsen
Per Jacobsen