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
<ul id="seznam"> <li><span>Položka 1</span></li> <li><span class="current">Položka 2</span></li> <li><span>Položka 3</span></li> </ul>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.active { background: #5555ff; }
CSS
Autoformát
CSS reset
Až na konci
function gebid(id) { return document.getElementById(id); } function gebclass(el, trida) { if(typeof el.getElementsByClassName != "undefined") { return el.getElementsByClassName(trida); } else { var result = []; var els = el.getElementsByTagName('*'); for(var i = 0; i < els.length; i++) { if(els[i].className == trida) { result.push(els[i]) } } return result; } } var spans = gebclass(gebid("seznam"), "current"); for(var i = 0; i < spans.length; i++) { spans[i].parentNode.className = "active"; }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>