Detect when Element attached to DOM in javascript

Question

I want to check whether element attached to the DOM in javascript because I want to do some action when element gets attached to the DOM(on element attach event I want to do some action). Is there anything like addAttachHandler like GWT which is also present in javascript?

Your title might be better as "Detect when element attached to DOM". ;-) — RobG
– RobG, Commented Sep 21, 2018 at 11:29
Maybe developer.mozilla.org/en-US/docs/Web/API/MutationObserver/… ..? — Teemu
– Teemu, Commented Sep 21, 2018 at 11:33

ᴇʟᴇvᴀтᴇ · Accepted Answer · 2018-09-27 08:46:18Z

2

You can use MutationObserver which tells you when elements are added or removed from the DOM tree. It is fully supported by all modern browsers (IE11+).

The Elemento library (Apache 2.0 license) has a GWT JsInterop implementation of an attach/detach listener that uses MutationObserver behind the scenes. You might be able to draw inspiration from that code, or use it directly.

answered Sep 27, 2018 at 8:46

ᴇʟᴇvᴀтᴇ

12.9k5 gold badges50 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Kyle Baker Over a year ago

Please add a code example rather than referring to links.

ᴇʟᴇvᴀтᴇ Over a year ago

@Kyle Baker, I would normally show code, but the question doesn't actually ask for a code sample, and it'd take some time to put together a good example, so I tried to hint at the direction and leave it as "an exercise for the reader". It would be great if you can add an answer with code examples though.

Collectives™ on Stack Overflow

Detect when Element attached to DOM in javascript

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related