vollständig
gekürzt
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title>JSL112 Selektoren</title> </head> <body> <h1>Knifflig?</h1> <div class="frage">Was wird beim Trocknen nass?</div> <p id="antwort"></p> <button onClick="antworten();" title="Auslösen">Auflösen</button> <script> function antworten() { document.querySelector("h1").style.color = "green"; document.querySelector(".frage").style.fontStyle = "italic"; document.querySelector("#antwort").innerHTML = "Das Handtuch"; document.querySelector("[title]").style.display = "none"; } </script> <hr> <p>Was ist bei der Diät erlaubt, und was nicht!</p> <p class="raus">Konditoreien und Fast-Food-Buden</p> <p>Meiden Sie <span class="raus">Zucker</span> und <span class="raus">Fett</span></p> <script> var r = document.querySelectorAll(".raus"); r[1].style.color = "red"; var RausKlasse = document.querySelectorAll(".raus"); for (var i = 0; i < RausKlasse.length; i++) { RausKlasse[i].style.textDecoration = "line-through"; RausKlasse[i].style.fontVariant = "small-caps" } </script> </body> </html>
