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

Question

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.

Answer 1

Ewentualnie jak już:

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

 

Comments

To rozwiązanie zadziałało idealnie, dziękuję.

Answer 2

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.

Comments

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

Answer 3

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

Comments

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