WIAI DOM, Zdarzenia, Formularze

Znaczenie i rola DOM

DOM (Document Object Model) w JavaScript to sposób, w jaki możemy manipulować elementami na stronie internetowej za pomocą kodu JavaScript, (np. zmieniać treść, style i reagować na interakcje użytkownika)

Wymień i omów 1 sposób dostępu do elementów html (za pomocą JS i DOM)

document. getElementById("ID"); - pobiera element o danym id

Wymień i omów 2 sposób dostępu do elementów html (za pomocą JS i DOM)

document. getElementByTagName("tag-name"); - pobiera elementy o danym znaczniku

Wymień i omów 3 sposób dostępu do elementów html (za pomocą JS i DOM)

document. getElementByClassName("class-name"); - pobiera elementy o danej klasie

Wymień i omów 4 sposób dostępu do elementów html (za pomocą JS i DOM)

document. getElementByName("name"); - pobiera elementy o danym atrybucie name

Wymień i omów 5 sposób dostępu do elementów html (za pomocą JS i DOM)

document. querySelector(); - zwraca pierwszy napotkany w kodzie strony element spełniający kryteria zawarte w nawiasach okrągłych

Omów innerhtml

Właściwość innerHTML umożliwia odczyt i ustawianie html, jaki jest we wnętrzu danego elementu

Omów innerText

Tekst pobierany za pomocą innerText zostanie pobrany z użytymi stylami.

Omów textContent

Tekst pobierany za pomocą textContent zwróci oryginalny tekst, jaki napisaliśmy w pliku HTML (ze wszystkimi wcięciami i enterami)

Omów właściwość style

Właściwość style służy do zarządzania stylami na stronie.

Co to jest addEventListener()

addEventListener() jest sposobem rejestracji zdarzeń na stronie

Podaj 3 argumenty addEventListener()

typ zdarzenia, funkcja do wywołania, argument jak zdarzenia mają się zachować

Wymień i omów 1 fazę zdarzenia

faza capture jest wtedy kiedy event podąża w dół drzewa (od window) do danego elementu

Wymień i omów 2 fazę zdarzenia

faza target jest wtedy kiedy event dotrze do elementu, który wywołał zdarzenie

Wymień i omów 3 fazę zdarzenia

faza bubbling jest wtedy kiedy event pnie się w górę drzewa aż dotrze do window

Co oznacza form. action

form. action to atrybut formularza czyli adres na który zostanie formularz wysłany

Co oznacza form. method

form. method to metoda jaką zostanie wysłany formularz