WorksheetsDOM - wstawianie elementów
Total questions: 10
Worksheet time: 10mins
Name
Class
Date
1.
Chcesz utworzyć nowy element w pamięci (np. przycisk), ale jeszcze go nie wyświetlać. Jaką metodę wpiszesz w lukę? const btn = document. (a) ('button');
2.
Potrzebujesz pobrać PIERWSZY element pasujący do klasy .klasa. Uzupełnij kod właściwą metodą: const el = document. (a) ('.klasa');
3.
Masz listę z elementami [1, 2]. Jaka będzie kolejność elementów po wykonaniu instrukcji ul.prepend(3)?
a)
3, 1, 2
b)
1, 2, 3
c)
1, 3, 2
d)
3 (reszta znika)
4.
Chcesz wstawić podpis bezpośrednio ZA obrazkiem (jako jego sąsiada/rodzeństwo). Jaką metodę zastosujesz? img. (a) (podpis);
5.
Jaka jest główna zaleta metody append() w porównaniu do starszej metody appendChild()?
a)
Obsługuje zwykły tekst i wiele elementów naraz
b)
Automatycznie usuwa starą treść
c)
Jest znacznie szybsza
d)
Nie ma żadnej różnicy
6.
Chcesz wstawić element na sam koniec wnętrza kontenera (jako ostatnie dziecko). Wpisz nazwę metody: box. (a) (el);
7.
Co się stanie, jeśli użyjesz metody append() na elemencie, który już znajduje się w innym miejscu na stronie?
a)
Element zostanie przeniesiony (zniknie ze starego miejsca)
b)
Element zostanie skopiowany (będzie w obu miejscach)
c)
Przeglądarka zgłosi błąd
d)
Element zostanie usunięty
8.
Która opcja insertAdjacentHTML wstawia treść PRZED znacznikiem otwierającym (na zewnątrz, analogicznie do before())?
a)
beforebegin
b)
afterbegin
c)
beforeend
d)
afterend
9.
Jak najwydajniej dodać 500 elementów do listy, aby uniknąć spadku wydajności (tzw. Reflow)?
a)
Użyć DocumentFragment (grupowanie poza DOM)
b)
Użyć pętli z metodą append()
c)
Dopisując kod HTML w pętli (innerHTML +=)
d)
Sposób nie ma znaczenia
10.
Chcesz wstawić nowy element bezpośrednio PRZED nagłówkiem (jako jego sąsiada z góry). Uzupełnij kod: h1. (a) (el);
100 %
