Javascript.RU

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

Динамическое переключение класса элемента
Здравствуйте!

Пожалуйста помогите решить такую проблему.

При динамическом появлении класса «class» у элемента <div id="user">, присвоить этот же класс «class» другому элементу <div id="name">.

При исчезании класса у первого элемента, у второго он должен также исчезать, соответственною.

Элементы не вложенные и не соседние, находятся в разных частях документа.

Спасибо

Последний раз редактировалось user7143, 25.01.2018 в 14:38.
Ответить с цитированием
  #2 (permalink)  
Старый 25.01.2018, 14:51
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,121

Сообщение от user7143
При динамическом появлении класса «class» у элемента <div id="user">, присвоить этот же класс «class» другому элементу <div id="name">.
Кто добавляет этот «class» элементу <div id="user">?
Ответить с цитированием
  #3 (permalink)  
Старый 25.01.2018, 17:10
Новичок на форуме
Отправить личное сообщение для user7143 Посмотреть профиль Найти все сообщения от user7143
 
Регистрация: 25.01.2018
Сообщений: 9

Сообщение от ksa Посмотреть сообщение
Кто добавляет этот «class» элементу <div id="user">?
Это неизвестно. Так бы я просто прописал там второй id
Ответить с цитированием
  #4 (permalink)  
Старый 25.01.2018, 17:52
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
<div id="user">11</div>	
<div id="name">11</div>	
	<script>

var el = document.querySelector('#user');
var el2	=	document.querySelector('#name');
var observer = new MutationObserver(function(mutations) { 
		document.querySelector('#name').className = el.className;
});

observer.observe(el, { attributes: true});

setInterval(function(){
	el.classList.toggle('class');
}, 3000);

	</script>
</body>
</html>


пример крайнего варианта
Ответить с цитированием
  #5 (permalink)  
Старый 25.01.2018, 18:24
Новичок на форуме
Отправить личное сообщение для user7143 Посмотреть профиль Найти все сообщения от user7143
 
Регистрация: 25.01.2018
Сообщений: 9

Сообщение от j0hnik
пример крайнего варианта
Спасибо большое!

P.S. а что значит "крайний вариант"?
Ответить с цитированием
  #6 (permalink)  
Старый 25.01.2018, 18:28
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

user7143,
в нормальном случае, нужно найти шамана который меняет класс.
Ответить с цитированием
  #7 (permalink)  
Старый 25.01.2018, 18:44
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

Сообщение от рони Посмотреть сообщение
user7143,
в нормальном случае, нужно найти шамана который меняет класс.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Поиск и удаление второго элемента класса Nezumi.May Общие вопросы Javascript 8 21.03.2017 03:32
как выбрать второе название класса элемента imedia Элементы интерфейса 4 16.07.2015 00:46
Отследить изменения класса "еще не существующего" элемента hitori Events/DOM/Window 1 05.11.2014 05:34
Изменение класса элемента в зависимости от разрешения экрана funfot Элементы интерфейса 3 20.09.2014 15:20
jquery не замечает смены класса у элемента artygrand jQuery 4 16.12.2012 08:48