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
<button onclick="addAnchor('odkazy')">Přidat odkaz</button> <button onclick="clearAnchors('odkazy')"><strong>Vymazat odkazy</strong></button> <div id="odkazy"> <a href="#">Odkaz</a> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#odkazy a { border: 1px solid #000; text-decoration: none; } #odkazy a:hover { text-decoration: underline; }
CSS
Autoformát
CSS reset
Až na konci
function addAnchor(contextId) { var context = document.getElementById(contextId), newAnchor = document.createElement("A"), textNode = document.createTextNode("další odkaz"); newAnchor.appendChild(textNode); newAnchor.href = "#"; context.appendChild(newAnchor); } function clearAnchors(contextId) { var context = document.getElementById(contextId), anchors = context.childNodes; for(var i = 0; i < anchors.length; i++) { context.removeChild(anchors[i]); } }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>