Hallo!
Wage mich gerade ein wenig in DOM und versuche die Schriftgröße per Button zu ändern.
Eigentlich ganz einfach.
Allerdings weiß ich nicht, wieso ich (test auch per alert drin) nicht, warum die Klasse im entsprechenden divContainer nicht angesprochen wird, sodass ich sie ändern kann. Meine Vermutung ist, dass es was mit Elternelementen usw. zu tun hat, wo ich mich allerdings noch nicht sehr auskenne
Wage mich gerade ein wenig in DOM und versuche die Schriftgröße per Button zu ändern.
Eigentlich ganz einfach.
Allerdings weiß ich nicht, wieso ich (test auch per alert drin) nicht, warum die Klasse im entsprechenden divContainer nicht angesprochen wird, sodass ich sie ändern kann. Meine Vermutung ist, dass es was mit Elternelementen usw. zu tun hat, wo ich mich allerdings noch nicht sehr auskenne
HTML:
<!DOCTYPE html>
<head>
<style>
.Schriftclass {
}
.Schrift8class {
font-size: 2em;
}
</style>
<script>
function Listener(){
document.getElementById("Button8").addEventListener("click",Zeichengroesse8)
}
function Zeichengroesse8(){
var nav = document.getElementById("Text").getElementsByClassName("Schriftclass")
alert(nav.classList)
nav.classList.add("Schrift8class")
nav.classList.remove("Schriftclass")
}
window.onload = Listener;
</script>
</head>
<body>
<div id="Zeichengroesse">
<ul id="ZeichengroesseListe">
<li><button type="button" id="Button8" style="width: 2em;">8</button></li>
<li><button type="button" id="Button10" style="width: 2em;">10</button></li>
<li><button type="button" id="Button12" style="width: 2em;">12</button></li>
</ul>
</div>
<div id="Text" class="Schriftclass">
<p >Hallo, diese Seite soll sich beim Knopfdruck in der Schriftgroesse anpassen</p>
</div>
</body>
</html>
