I need to create a simple tooltip library that works like this: every DOM element with a specific attribute combination (like class="tooltip", data-tooltip-text="some text") automatically displays...

How can I detect when scrollHeight changes on a DOM element using MutationObserver? It's not an attribute and it isn't data either. Background: I need to detect when a scrollbar appears on my cont...

Consider the following code: var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver; var observer = new MutationObserver(function(mut...

I recently came across this awesome MutationObserver feature which sort of keep tracks of the changes on any dom element. I used the code that was shown on the mozilla developer network, but can't ...

I want to detect when a node (nodeX, say) is no longer available, either because it was deleted or because its parent (or its parents parent) was deleted. So far, all I can think of is to use Muta...

I want trace changed DOM like mutationobserver in headless chrome. So I learning puppeteer library, but don’t know how to use do that. It’s possible to trace DOM change in puppeteer?? thanks

I am creating a Chrome extension and trying to include a small text beside the SEND button of the gMail compose box. I am using a MutationObserver to know when the compose box window appears. I am...

I want to detect when text/value change in input field. Even if I change the value with js, I want to detect that changes. Here's what I've tried so far in demo in fiddle. HTML: <input type="...

I am using mutation observer on a target node. It fires if any of the child nodes or properties change. But I have a case where I had to handle the target node itself being removed. This is not wor...

I would like to use a MutationObserver object to observe changes to some of my DOM nodes. The docs give an example of creating a MutationObserver object and registering it on a target. // selec...

First off, this is not a "How to create a mutation observer?" post and I have seen the APIs. I was wondering if anyone knows a way to display the "source" of when a mutation occurred. It would mos...

Sometimes the mutation observer callback doesn't fire when I expect it to. If I run this code in developer tools console: // callback for mutations observer callbackForAllChanges = function (mutat...

I am using MutationObserver to detect when a specific class has been added to an element. const observer = new MutationObserver((mutations) => { mutations.forEach((mutation) => { const e...

Apologies in advance for what is probably a simple question and appalling javascript below; My problem is as follows, there is a banner on a site that goes through four images every few seconds. I...

Is there a way to detect when an element's getBoundingClientRect() rectangle has changed without actually calculating getBoundingClientRect()? Something like a "dirty flag"? Naively, I as...

I have a angularjs component, HTML template <div id="panel" class="hide-div"> <div id="viewPort" class="hide-div"> ... </div> </div> JS var myController = function()...

I am learning to use the Mutation observer class, mostly here: https://javascript.info/mutation-observer I know how to listen to changes of attributes, and how to get old attribute values using a...

I want to execute a function when some div or input are added to the html. Is this possible? For example, a text input is added, then the function should be called.

I'm using a MutationObserver to look for added images to a web page. As many images are displayed via the CSS background-image property, I'm checking the current/computed CSS style in addition to l...

I've attached a MutationObserver to a DOM and am monitoring for changes. I get the notification and receive a MutationRecord object containing a description of what was changed. Is there a suppo...

I've got these: const element = this.getElementById("victim") function releaseKraken(targetElement) {} I want the function to be called when element is removed from DOM. I can imagine somethin...

I apologize if this was answered previously, I couldn't find it using the search. I have to tag 4 elements to fire off an event when they are unhidden ("display: none" is removed). I think a mutat...

I am working on a Google Chrome extension and have something like the following code below. While there is nothing wrong with the code below there is a slight issue I am having trouble resolving. I...

I'm trying to set MutationObserver for observing page mutation while loading. In order to do that, MutationObserver should be configured before page loading. With selenium-chromedriver, couldn't ...

I am trying to implement a delete event DOM manipulation functionality using MutationObserver JavaScript library, and this line causes me confusion: const config = {attributes: true, childList: tru...