Sprawdź się
Pokaż ćwiczenia:
Ćwiczenie 1
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.Ćwiczenie 2
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Ćwiczenie 3
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")Ćwiczenie 4
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ą.Ćwiczenie 5
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Ćwiczenie 6
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Ćwiczenie 7
Ćwiczenie 8
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