Wróć do informacji o e-podręczniku Wydrukuj Pobierz materiał do PDF Pobierz materiał do EPUB Pobierz materiał do MOBI Zaloguj się, aby dodać do ulubionych Zaloguj się, aby skopiować i edytować materiał Zaloguj się, aby udostępnić materiał Zaloguj się, aby dodać całą stronę do teczki
1
Pokaż ćwiczenia:
R1QRwxwzYm7kQ1
Ćwiczenie 1
Wstaw w odpowiednie miejsca nazwy kilku podstawowych kolekcji modelu DOM: window.document.1. location, 2. head, 3. links, 4. body, 5. forms, 6. history, 7. images - zawartość sekcji nagłówkowej dokumentu,
window.document.1. location, 2. head, 3. links, 4. body, 5. forms, 6. history, 7. images - kolekcja obrazów na stronie,
window.document.1. location, 2. head, 3. links, 4. body, 5. forms, 6. history, 7. images - kolekcja hiperłączy i pól area,
window.document.1. location, 2. head, 3. links, 4. body, 5. forms, 6. history, 7. images - zawartość ciała dokumentu,
window.document.1. location, 2. head, 3. links, 4. body, 5. forms, 6. history, 7. images - lista formularzy i ich kontrolek.
R1NZyELJ4qgjW1
Ćwiczenie 2
Połącz w pary nazwy metod definiowania uchwytów obiektów w JavaScript z poprawnymi opisami ich działania: getElementById() Możliwe odpowiedzi: 1. kolekcja uchwytów do elementów o takiej samej wartości znacznika name, 2. do wskazania obiektu używa selektora CSS, 3. może uchwycić tylko jeden obiekt w dokumencie, 4. uchwyci wszystkie obiekty posiadające przypisaną taką samą klasę, 5. kolekcja uchwytów do elementów zdefiniowanych takim samym znacznikiem getElementsByName() Możliwe odpowiedzi: 1. kolekcja uchwytów do elementów o takiej samej wartości znacznika name, 2. do wskazania obiektu używa selektora CSS, 3. może uchwycić tylko jeden obiekt w dokumencie, 4. uchwyci wszystkie obiekty posiadające przypisaną taką samą klasę, 5. kolekcja uchwytów do elementów zdefiniowanych takim samym znacznikiem getElementsByTagName() Możliwe odpowiedzi: 1. kolekcja uchwytów do elementów o takiej samej wartości znacznika name, 2. do wskazania obiektu używa selektora CSS, 3. może uchwycić tylko jeden obiekt w dokumencie, 4. uchwyci wszystkie obiekty posiadające przypisaną taką samą klasę, 5. kolekcja uchwytów do elementów zdefiniowanych takim samym znacznikiem getElementsByClassName() Możliwe odpowiedzi: 1. kolekcja uchwytów do elementów o takiej samej wartości znacznika name, 2. do wskazania obiektu używa selektora CSS, 3. może uchwycić tylko jeden obiekt w dokumencie, 4. uchwyci wszystkie obiekty posiadające przypisaną taką samą klasę, 5. kolekcja uchwytów do elementów zdefiniowanych takim samym znacznikiem querySelector() Możliwe odpowiedzi: 1. kolekcja uchwytów do elementów o takiej samej wartości znacznika name, 2. do wskazania obiektu używa selektora CSS, 3. może uchwycić tylko jeden obiekt w dokumencie, 4. uchwyci wszystkie obiekty posiadające przypisaną taką samą klasę, 5. kolekcja uchwytów do elementów zdefiniowanych takim samym znacznikiem
R1S69mfmVVmCA2
Ćwiczenie 3
Której metody w języku JavaScript użyjemy do sprawdzenia czy atrybut disabled istnieje aktualnie w uchwyconym obiekcie? Możliwe odpowiedzi: 1. obiekt.toggleAttribute("disabled"), 2. obiekt.usesAttribute("disabled"), 3. obiekt.hasAttribute("disabled"), 4. obiekt.containsAttribute("disabled")
RZp2k0438qmlT2
Ćwiczenie 4
Wstaw do definicji odpowiednie, brakujące elementy: Przeglądarka internetowa, na podstawie przysłanego do niej z internetu 1. metody, 2. API, 3. przepisu, 4. atrybuty, 5. obiekty, 6. programu komputerowego, 7. WWW, 8. Object, 9. tekstu, 10. struktury tworzy w pamięci RAM komputera klienta liczne 1. metody, 2. API, 3. przepisu, 4. atrybuty, 5. obiekty, 6. programu komputerowego, 7. WWW, 8. Object, 9. tekstu, 10. struktury powstające według 1. metody, 2. API, 3. przepisu, 4. atrybuty, 5. obiekty, 6. programu komputerowego, 7. WWW, 8. Object, 9. tekstu, 10. struktury klas, które posiadają 1. metody, 2. API, 3. przepisu, 4. atrybuty, 5. obiekty, 6. programu komputerowego, 7. WWW, 8. Object, 9. tekstu, 10. struktury (właściwości, cechy) oraz 1. metody, 2. API, 3. przepisu, 4. atrybuty, 5. obiekty, 6. programu komputerowego, 7. WWW, 8. Object, 9. tekstu, 10. struktury, czyli funkcje wewnątrz klas.

Tak stworzony zostaje wirtualny model 1. metody, 2. API, 3. przepisu, 4. atrybuty, 5. obiekty, 6. programu komputerowego, 7. WWW, 8. Object, 9. tekstu, 10. struktury strony internetowej, który określamy w języku angielskim jako Document 1. metody, 2. API, 3. przepisu, 4. atrybuty, 5. obiekty, 6. programu komputerowego, 7. WWW, 8. Object, 9. tekstu, 10. struktury Model. Można powiedzieć, iż prawidziwa jest zależność:

Model DOM + JavaScript = 1. metody, 2. API, 3. przepisu, 4. atrybuty, 5. obiekty, 6. programu komputerowego, 7. WWW, 8. Object, 9. tekstu, 10. struktury, czyli interfejs dedykowany do wygodnego realizowania komunikacji programisty webowego z witryną.
R11bTwKd1chBG2
Ćwiczenie 5
Pole edycyjne typu checkbox posiadające atrybut id="x" jest aktualnie zaznaczone. Wywołanie metody:

document.getElementById("x").toggleAttribute("disabled");

spowoduje w przeglądarce: Możliwe odpowiedzi: 1. odznaczenie pola, 2. wyłączenie aktywności pola, 3. zwrócenie wartości null, 4. ukrycie etykiety pola
RGaGuJwdcyTxU3
Ćwiczenie 6
Przypisz metody i właściwości znane z języka JavaScript do odpowiedniej grupy, zgodnie z ich właściwym zastosowaniem: modyfikacja wartości atrybutów HTML Możliwe odpowiedzi: 1. outerHTML, 2. innerText, 3. getElementById(), 4. classList.add(), 5. querySelectorAll(), 6. setAttribute(), 7. toggleAttribute(), 8. textContent uchwycenie obiektów Możliwe odpowiedzi: 1. outerHTML, 2. innerText, 3. getElementById(), 4. classList.add(), 5. querySelectorAll(), 6. setAttribute(), 7. toggleAttribute(), 8. textContent modyfikacja zawartości wewnętrznej Możliwe odpowiedzi: 1. outerHTML, 2. innerText, 3. getElementById(), 4. classList.add(), 5. querySelectorAll(), 6. setAttribute(), 7. toggleAttribute(), 8. textContent
RmlwT1aIV7Jyj3
Ćwiczenie 7
Wymyśl pytanie na kartkówkę związane z tematem materiału.
R1Jj6KRnEMn9T3
Ćwiczenie 8
Przypisz elementy wpływające na styl obiektu, znane z języków JavaScript oraz CSS do odpowiedniej grupy: atrybut JavaScript Możliwe odpowiedzi: 1. list‑style‑type, 2. fontWeight, 3. text‑decoration, 4. marginBottom, 5. backgroundColor, 6. font‑family właściwość CSS Możliwe odpowiedzi: 1. list‑style‑type, 2. fontWeight, 3. text‑decoration, 4. marginBottom, 5. backgroundColor, 6. font‑family