...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

CSS - składnia selektory

Opublikowano śro 01 kwietnia 2020 w css • Tagi: css, selektory, znaczniki, potomek, dziecko • 1 min read

Schemat

Lista dyrektyw

selektor { 
właściwość - wartość właściwości; /* razem tworzą deklarację */
}

ang. rule set

Selector {
  property: property value; /* declaration */
}

Selektor znacznika np strong Selektor klasy poprzedzony jest kropką .

Selektor id poprzedzony jest haszem #

Selektor id nadaje priorytet regule ważniejszy od niż ten posiadający klasę, a selektor znacznika/typu ma najmniejszy priorytet …

Czytaj dalej