• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

JavaScript - zmiana tła na stronie po kliknięciu w dany element z klasy

VPS Starter Arubacloud
–1 głos
672 wizyt
pytanie zadane 11 grudnia 2018 w C i C++ przez Sardes Nowicjusz (120 p.)

Witam. Szukam wskazówek, jak napisać w JS skrypt obsługujący zmianę tła na stronie podpisanego klasą "sec1" na tło wybrane przez użytkownika z klasy "foto" o danym ID. Z tego co się orientuję linijka kodu: 

document.getElementsByClassName('.sec1').style.backgroundImage = "url('adres_url')"; 

 nie działa. Natomiast gdy zamiast klasy "sec1" ustawię ją jako ID i wyszukam ten element w JS za pomocą getElementById tło się zmienia. 

 

komentarz 11 grudnia 2018 przez pablop76 VIP (123,180 p.)

Sprawdź co zwraca document.getElementsByClassName

1 odpowiedź

0 głosów
odpowiedź 11 grudnia 2018 przez Milesq Nałogowiec (32,020 p.)

jeśli używasz 

document.getElementsByClassName

to w parametrze ni możesz przesyłać kropki, tylko samą nazwę klasy. Możesz też użyć querySelector np.

document.querySelector('.sec1').style.backgroundImage = "url('adres_url')";

Podobne pytania

0 głosów
2 odpowiedzi 1,664 wizyt
0 głosów
3 odpowiedzi 372 wizyt
pytanie zadane 8 maja 2016 w HTML i CSS przez Captivity Obywatel (1,030 p.)
0 głosów
1 odpowiedź 3,766 wizyt

92,762 zapytań

141,686 odpowiedzi

320,499 komentarzy

62,106 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...