Динамическое переключение класса элемента
Здравствуйте!
Пожалуйста помогите решить такую проблему. При динамическом появлении класса «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, время: 12:14. |