| document.getElementsByTagName("div")[0].parentNode | wskazuje rodzica elementu div[0] |
| document.getElementsByTagName("body")[0].firstChild.nodeValue; | pobiera pierwszy element ktory jest elementem textowym |
| document.getElementsByTagName("body"[0].firstChild.nodeType; | czym jest ten element |
| document.getElementsByTagName("body")[0].firstElementChild.style.background = "yellow" | Wskazuje na 1 element html |
| document.getElementsByTagName("body")[0].previousElementSiblink | poprzedni element lub pole tekstowe |
| document.getElementsByTagName("body")[0].nextElementSiblink | nastepny element lub pole tekstowe |
| document.querySelectorAll('ul>li:last-child'); | wyszukuje po selektorze CSS |
| for(let el of elements) {el.style.background = "silver";} | dla kazdego elementu |
| document.getElementById("list").childNodes/children | childNodes wypisza takze pusty tekst itp, children tylko elementy |
| element.matches("ul>li:last-child") | wynik: true jest sie zgadza |
| Interfejsy DOM(HtmlFormElement) | Interfejsy DOM |
| Array.from(inputs).forEach(element => {}) | const inputs = doc.getElementsByTagName('xD'): |
| let el = document.createElement("span"); | .appendChild(el); | tworzy i dodaje nowy element |
| container.lastChild.id = "newDiv"; \. nodeValue | przypisuje id \ wartosc node |
| let removedElement = div.removeChild(elToRemove); | usuwa element |
| document.getElementByID("list").cloneNode(true) \\true-kopiuje tez dzieci | Kopiuje Element |
| doc.getElementByID("div1").getAttribute/setAttribute/removeAttribute | wez, ustaw, usun Atrybut |
| .getElementById("div1").className/classList/classList.add("")/classList.remove("") | nazwa Klasy ktora ma ten id | lista tych klas | dodaje nowa klase | usuwa |
| .getElementByID("div1").style.backgroundColor = "red"; | kolor bcgroung na red; |
| document.getElementsByTagName("h4")[0].setAttribute("style", "color: white, background: black"); | dodaje nowy atrybut do Elementu |
| addEventListener(eventType, listener, useCapture) | useCapture - domyslnie: false (true - bedzie wywolany przed reszta elementow w drzewie DOM) |
| console.log("klaisz: " + event.key) | użyty w addEventListener, ktory klawisz zostal wcisniety |
| bodyEl.removeEventListener("click", click); | usuwa eventlistener(jak true bylo uzyte wczesniej to tez trza) |
| .addEventListener("click", event => event.stopPropagation()); | zatrzymuje propagację(chodzi o bubbling np.) Zatrzymuje tez aktualny element |
| event.target | co zostalo np. klikniete np. input |
