Вход

Просмотр полной версии : Динамическое переключение класса элемента

user7143
25.01.2018, 14:34
Здравствуйте!

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

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

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

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

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

Кто добавляет этот «class» элементу <div id="user">?
user7143
25.01.2018, 17:10
Кто добавляет этот «class» элементу <div id="user">?

Это неизвестно. :( Так бы я просто прописал там второй id
j0hnik
25.01.2018, 17:52
<!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>

пример крайнего варианта
user7143
25.01.2018, 18:24
пример крайнего варианта


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

P.S. а что значит "крайний вариант"?
рони
25.01.2018, 18:28
user7143,
в нормальном случае, нужно найти шамана который меняет класс.
j0hnik
25.01.2018, 18:44
user7143,
в нормальном случае, нужно найти шамана который меняет класс.
:yes: