Zobrazit stránkuStarší verzeZpětné odkazyNahoru Tato stránka je pouze pro čtení. Můžete si pouze prohlédnout zdrojový kód, ale ne ho měnit. Zeptejte se správce, pokud si myslíte, že něco není v pořádku. ====== Obsah na stránce ====== Máme HTML prvky ve statickém dokumentu, které mají vzhled nastaven pomocí CSS. Jak tyto prvky ovlivnit, vytvořit či smazat v závislosti na akcích uživatele - z prostředí javascriptu? <code html> <div id="testovaci_prvek">Lorem ipsum</div> </code> === Změna stylu === <code javascript> document.getElementById('testovaci_prvek').style.backgroundColor='red'; document.body.style.textAlign='center'; </code> U prvku (například vybraného funkcí ''document.getElementById()'') vlastnost .style obsahuje vlastnosti CSS, ale POZOR: víceslovné atributy v css jsou s pomlčkou, která v JS nejde použít - proto se použije //camelCase//. === Vnucení vlastního obsahu === <code javascript> document.getElementById('testovaci_prvek').innerHTML='Ahoj'; document.body.innerHTML='<h1>Nadpis</h1>'; </code> Poskytnutý řetězec se vezme jako HTML a vloží přímo do obsahu příslušného tagu (elementu) ve stránce. Tuto vlastnost lze samozřejmě i číst. === Tvorba prvků přes DOM === Čistější varianta než .innerHTML <code javascript> var novyPrvek = document.createElement('p'); novyPrvek.setAttribute('class','vytvoreny_odstavec') document.getElementById('testovaci_prvek').appendChild(novyPrvek); </code> krouzek/vytvareni.txt Poslední úprava: 2023/11/15 20:54autor: 127.0.0.1