Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   document.getElementsByClassName в JS (https://javascript.ru/forum/dom-window/75423-document-getelementsbyclassname-v-js.html)

Bread 07.10.2018 15:02

document.getElementsByClassName в JS
 
Нужна помощь.
Я хочу сделать так что бы при клик по всем классам "ok" они окрашивались в например зелёный цвет. Как это сделать на чистом JS?:help:
Желательно хотелось бы без onclick в HTML.

j0hnik 07.10.2018 15:25

<div class="green">1</div>
<div class="green">2</div>
<div class="green">3</div>
	<script>
[].forEach.call(document.getElementsByClassName('green'), function(el){
	el.onclick = function(){
		el.style.backgroundColor = 'green';
	};
});
	</script>

Bread 07.10.2018 16:54

Ещё бы при клике цвет сбрасывался.

j0hnik 07.10.2018 18:00

<div class="green">1</div>
<div class="green">2</div>
<div class="green">3</div>
	<script>
[].forEach.call(document.getElementsByClassName('green'), function(el){
	el.onclick = function(){
		el.style.backgroundColor = el.style.backgroundColor =='green'?'':'green';
	};
});
	</script>

Bread 08.10.2018 22:30

Спасибо большое


Часовой пояс GMT +3, время: 01:54.