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

question-closed Co zrobić, aby on click w js, działał z div class, a nie tylko z div id?, bez Jquery

VPS Starter Arubacloud
0 głosów
351 wizyt
pytanie zadane 15 marca 2019 w JavaScript przez danielb Bywalec (2,520 p.)
zamknięte 15 marca 2019 przez danielb

Witam serdecznie, po paru dniach walki z kodem, aż mi głupio o to się pytać, chciałem użyć on click na div-ie z klasą zamiast id?, wiem że, coś piszczy w trawie z getElementsByClassName, ale nie do końca. a i bez biblioteki jquery.

<div id="cdbs">C:\DanielBstyle\</div>
	<div class ="mainmenu">
		<a href="#" onclick="myfun()">MENU</a>
			<div class="arrow">
				<img src="img/arrow_right.png">
			</div>
	</div>

A tutaj jest JS.

function myfun(){
	document.getElementById("cdbs").innerHTML="tekst";
return false; 
}

Miałem dość sporą przerwę od JS.

komentarz zamknięcia: Problem rozwiązany :-)

3 odpowiedzi

+1 głos
odpowiedź 15 marca 2019 przez Kondzio Mądrala (5,230 p.)
wybrane 15 marca 2019 przez danielb
 
Najlepsza

Ewentualnie jak już:

   const div = document.getElementsByClassName("cdbs");
    div[0].innerHTML="asd"

 

komentarz 15 marca 2019 przez danielb Bywalec (2,520 p.)
To rozwiązanie zadziałało idealnie, dziękuję.
+1 głos
odpowiedź 15 marca 2019 przez Comandeer Guru (599,730 p.)

Proponuję się przesiąść na document.querySelector albo document.querySelectorAll. W tym pierwszym wypadku wystarczy podmienić wywołanie document.getElementById, w tym drugim trzeba by już użyć pętli.

komentarz 15 marca 2019 przez danielb Bywalec (2,520 p.)

Dziękuję za sugestie, przetestuje, w ogóle nie wziąłem pod uwagę document.querySelector.

+1 głos
odpowiedź 15 marca 2019 przez niezalogowany

getElementsByClassName, jak nazwa wskazuje, zwraca listę elementów, a nie pojedynczy element.

komentarz 15 marca 2019 przez danielb Bywalec (2,520 p.)

Nie wiedziałem jak korzystać z getElementsByClassName, ale dzięki forum problem został hiper szybko rozwiązany. 

Podobne pytania

+1 głos
1 odpowiedź 206 wizyt
pytanie zadane 14 października 2021 w JavaScript przez Mruczekkk Nowicjusz (220 p.)
0 głosów
3 odpowiedzi 435 wizyt
pytanie zadane 31 lipca 2018 w JavaScript przez Wyshak Początkujący (260 p.)
0 głosów
1 odpowiedź 374 wizyt
pytanie zadane 26 lipca 2019 w HTML i CSS przez Radek Koniarski Użytkownik (870 p.)

92,454 zapytań

141,262 odpowiedzi

319,089 komentarzy

61,854 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

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

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!

...