Динамическое переключение класса элемента
Здравствуйте!
Пожалуйста помогите решить такую проблему. При динамическом появлении класса «class» у элемента <div id="user">, присвоить этот же класс «class» другому элементу <div id="name">. При исчезании класса у первого элемента, у второго он должен также исчезать, соответственною. Элементы не вложенные и не соседние, находятся в разных частях документа. Спасибо :) |
Цитата:
|
Цитата:
|
<!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>
пример крайнего варианта |
Цитата:
P.S. а что значит "крайний вариант"? |
user7143,
в нормальном случае, нужно найти шамана который меняет класс. |
Цитата:
|
| Часовой пояс GMT +3, время: 11:38. |