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="mojeFunkce()">Spouštěč</button> <div id="mujDIV" style="padding: 30px"> lorem ipsum dolor set amet </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
div { background: palegoldenrod; margin-top:32px !important; }
CSS
Autoformát
CSS reset
Až na konci
/* příklad číslo 1*/ function mojeFunkce() { var x = document.getElementsByTagName('div')[0]; if (x.style.marginTop === '32px', 'important') { x.style.marginTop = '0', 'important'; } else { x.style.marginTop = '32px', 'important'; } } /* příklad číslo 2 function mojeFunkce() { var y = document.getElementsByTagName('div')[0]; if (y.style.marginTop === '32px', 'important') { y.style.setProperty('margin-top', '0px', 'important'); } else { x.style.marginTop = '32px', 'important'; } } */
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>