Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<div class="kotvy"> <span class="kotva" data-target="kotva-1">Nadpis 1</span> <span class="kotva" data-target="kotva-2">Nadpis 2</span> <span class="kotva" data-target="kotva-3">Nadpis 3</span> </div> <h3 id="kotva-1">Nadpis 1 Obsah</h3> <h3 id="kotva-2">Nadpis 2 Obsah</h3> <h3 id="kotva-3">Nadpis 3 Obsah</h3>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
const kotvy = document.querySelectorAll('.kotva'); for (let i = 0; i < kotvy.length; i++) { kotvy[i].addEventListener('click', function() { const nadpis = document.getElementById( this.getAttribute('data-target') ); console.log(nadpis.textContent); }); }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>