...z frontu

JavaScript i DOM - tworzenie, usuwanie i pozyskiwanie informacji z elementów

Opublikowano sob 02 maja 2020 w javascript • Tagi: js, javascript, selektory, dom, elementy dom • 3 min read

DOMContentLoaded

Na początek warto pamiętać o wydarzeniu DOMContentLoaded - nasłuchuje przeładowania przeglądarki -> pozwala na wywołanie funkcji zmieniającej elementy DOM w momencie załadowania całości drzewa DOM (jest to istotne w momencie gdy plik zawierający skrypt js jest podlinkowany w zamiast po )

Przykładowe zastosowanie "zamknięcie" zmian w bloku/funkcji -> w momencie przeładowania przeglądarki …

Czytaj dalej

JavaScript - selektory DOM

Opublikowano sob 02 maja 2020 w javascript • Tagi: js, javascript, selektory, dom, elementy dom, sibling • 2 min read

DOM - document object model

Selektory pojedynczych elementów

selektor	funkcja	przykładowe zastosowanie
`document.getElementById()`	zwraca element w podanym Id	`document.getElementById('button-4')`
`document.querySelector()`	zwraca pierwszy element spełniający podany warunek/ wpisany składnią znaną z CSS	`document.getElementById('#button-4')`

:::Istnieje możliwość łączenia selektorów z atrybutami :::

Przykładowe zastosowanie

document.getElementById('button-4').className // zwraca …

Czytaj dalej