Upravování HTML pomocí Javascriptu

Označení HTML prvku v Javascriptu

document je označení pro naší webovou stránku (HTML)

querySelector

pomocí document.querySelector("selectorPrvek") mohu označit HTML prvek, buď pomocí id (#nazev) nebo classy (.nazev) nebo celý prvek (body)

getElementByID

pomocí document.getElementByID("prvek") mohu označit prvek pouze pomocí id. querySelector je tedy univerzálnější, u getElementById ale nemusím používat #

Jak u querySelectoru tak u getElementById musí vždy název v závorce odpovídat nastavení z HTML

Název proměnné, pod kterou schováváme označený HTML prvek může ale nemusí být stejný jako jako v HTML tento název pak používáme v rámci další práce Javascriptu

Úprava zvoleného prvku

innerText

Pomocí prvek.innerText mohu změnit, nečekaně, jeho text

style

Podobným způsobem můžeme upravit také CSS daného prvku, využijeme k tomu .style.vlastnost

value

Pokud mám input v HTML, mohu přečíst jeho hodnotu (to, co tam uživatel v HTML zadá), pomocí označení .value

S touto hodnotou mohu dále pracovat, třeba ji schovat pod nějakou proměnnou

nebo třeba touto hodnotou přímo přepsat text nějakého prvku