setAttribute - getAttribute
setProperty - getProperty
el.classList.add("class_name"); - dodawanie klasy
el.classList.remove("class_name"); - usunięcie klasy
el.classList.toggle("class_name"); - jeśli ustawiona jest widoczność usuwa ją, w przeciwnym wypadku dodaje
el.classList.toggle("class_name", i < 10); - jeśli ustawiona jest widoczność usuwa ją, w przeciwnym wypadku dodaje
el.classList.item("class_name"); - zwraca wartosć klasy wg indeksu w zbiorze
el.classList.contains("class_name"); - sprawdza, czy jest dodana

beforebegin Wstawia element przed docelowym elementem. Działa podobnie do metody before().
afterbegin Wstawia element na początku dzieci. Działa podobnie do metody prepend().
beforeend Wstawia element przed docelowym elementem. Działa podobnie do metody appendChild().
afterend Wstawia element przed docelowym elementem. Działa podobnie do metody after().

const el = document.createElement("strong");

parent. insertAdjacentElement("beforebegin", "<strong>element 1</strong>");

appendChild()
p. insertBefore(newEl, div.firstElementChild); //wstawiamy go przed pierwszym elementem

element. append("Ten span <span></span> będzie zapisany jak tekst");

const el = document.querySelector(".to-clone");

const cloneEl1 = el. cloneNode();
console.log(cloneEl1); //<div class="to-clone"></div>

const cloneEl2 = el.cloneNode(true);
console.log(cloneEl2); //<div class="to-clone"><strong>Testowy</strong></div>

parent.removeChild(el);
elem. remove();

while (ul.firstChild) {
    ul.removeChild(ul.firstChild); // lub div.firstChild.remove()
} // usówa wszystkich potomków

elem. replaceChild(newItem, oldItem); // do zstępowania elementów, aby zniknęły z pamięci html
span. replaceWith(strong);

const fragment = document.createDocumentFragment();
for (let i = 0; i < 10; i++) {
    const p= document.createElement("p"); // tworzy fragment dokumentu
    p.appendChild(document.createTextNode(" Akapit"+(i+1)));
    fragment.appendChild(p); }
document.body.appendChild(fragment); //wstawiamy 10 paragrafów