MutationObserver
198
22 мая 2022, 07:30
Столкнулся с MutationObserver, понадобилось прокинуть кнопку, по нажатию на которую, раскрывалось подменю с ссылками.
var target = document.querySelector('#head-menu');
var observer3 = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
console.log(mutation.type);
if(mutation.target.id == 'main-menu-doc') {
console.log(mutation);
}
});
});
observer3.observe(target, config);
var config = { attributes: true, childList: true, characterData: true };
Попробовал данный код, но выводит ошибку Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'. Хотя-бы простенький пример увидеть, как это должно выглядеть(классы и прочее не важно). :[ upd.
$("#head-menu .container ul").append('<li class="main-menu-doc" id="main-menu-doc"><span><a href="#">Инструкция по заказам</a></span></li>');
Как закидывал кнопку.
Answer 1
Такой пример ок?
// identify an element to observe
const elementToObserve = document.querySelector("#targetElementId");
// create a new instance of `MutationObserver` named `observer`,
// passing it a callback function
const observer = new MutationObserver(function() {
console.log('callback that runs when observer is triggered');
});
// call `observe()` on that MutationObserver instance,
// passing it the element to observe, and the options object
observer.observe(elementToObserve, {subtree: true, childList: true});
function myFunction() {
elementToObserve.innerText = "test ok";
}<div id="targetElementId">test</div>
<button onclick="myFunction()">Click me</button>
-
22:40
-
08:34
-
15:01
-
17:01
-
11:24
-
10:16
-
17:54
-
22:01
-
13:03
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47663 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30533 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23691 visits
- Как через css изменить цвет png изображения? 10363 visits
- Blob video url download 9972 visits
- Php curl запрос через прокси с авторизацией 9226 visits
- Работа с captcha vk api 8108 visits
© "hostciti.net" 26.12.2024 | 05:50