JavaScript - Text mit einem Link markieren

<script>

// Text mit einem Link markieren



function Markiere(x) {

 var ID = x.split(":");

 for (var r = 0; r < document.getElementsByTagName("dfn").length; r++) {

  document.getElementsByTagName("dfn")[r].style.backgroundColor="#FFFFFF";

 }

 for (var i = 0; i < ID.length; i++) {

  document.getElementById(ID[i]).style.backgroundColor="#FFFFB9";

 }

}

</script>



<a href="javascript:Markiere('a1:a3:a5');"> Markiere 1|3|5 </a> - 

<a href="javascript:Markiere('a2:a4:a6');"> Markiere 2|4|6 </a> - 

<a href="javascript:Markiere('a3');"> Markiere 3 </a> - 

<a href="javascript:Markiere('a2:a5');"> Markiere 2|5 </a> - 

<a href="javascript:Markiere('a1:a2:a3:a4:a5:a6');"> Markiere alles </a> <br><br>



<dfn id="a1"> 1. Äpfel </dfn><br>

<dfn id="a2"> 2. Birnen </dfn><br>

<dfn id="a3"> 3. Bananen </dfn><br>

<dfn id="a4"> 4. Pflaumen </dfn><br>

<dfn id="a5"> 5. Kirschen </dfn><br>

<dfn id="a6"> 6. Orangen </dfn>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<del> Logische Auszeichnung

CSS - Parallax Scrolling-Effekt

PHP - Gerade Zahlen ausgeben

JavaScript - Text in Großbuchstaben oder Kleinbuchstaben umwandeln

MySQL - Das Alter von Personen ermitteln