Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.10.2018, 15:02
Новичок на форуме
Отправить личное сообщение для Bread Посмотреть профиль Найти все сообщения от Bread
 
Регистрация: 07.10.2018
Сообщений: 3

document.getElementsByClassName в JS
Нужна помощь.
Я хочу сделать так что бы при клик по всем классам "ok" они окрашивались в например зелёный цвет. Как это сделать на чистом JS?
Желательно хотелось бы без onclick в HTML.
Ответить с цитированием
  #2 (permalink)  
Старый 07.10.2018, 15:25
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

<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>
Ответить с цитированием
  #3 (permalink)  
Старый 07.10.2018, 16:54
Новичок на форуме
Отправить личное сообщение для Bread Посмотреть профиль Найти все сообщения от Bread
 
Регистрация: 07.10.2018
Сообщений: 3

Ещё бы при клике цвет сбрасывался.
Ответить с цитированием
  #4 (permalink)  
Старый 07.10.2018, 18:00
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

<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>
Ответить с цитированием
  #5 (permalink)  
Старый 08.10.2018, 22:30
Новичок на форуме
Отправить личное сообщение для Bread Посмотреть профиль Найти все сообщения от Bread
 
Регистрация: 07.10.2018
Сообщений: 3

Спасибо большое
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ищу JS разработчиков в лесу Kenjuy27 Работа 0 18.07.2018 09:06
Диалог между HTML и внешним JS в контексте расширения GoogleChrome ev1lart Events/DOM/Window 0 26.04.2017 19:25
JS <-> Server Js. Severtain Общие вопросы Javascript 1 05.11.2011 15:36
JS Coaching для стартапа OlgaAyva Работа 12 27.09.2011 22:18
Картинка обрабатывается js 4yBaK Общие вопросы Javascript 10 11.09.2011 09:28