Breaking News: Grepper is joining You.com. Read the official announcement!

how to wait for dom in javascript

Add Answer

Energetic Eel answered on July 3, 2021 Popularity 8/10 Helpfulness 1/10

answer how to wait for dom in javascript

related javascript wait for dom

related javascript wait for element

how to wait for dom in javascript

Comment

function bindReady(){
    if ( readyBound ) return;
    readyBound = true;

    // Mozilla, Opera and webkit nightlies currently support this event
    if ( document.addEventListener ) {
        // Use the handy event callback
        document.addEventListener( "DOMContentLoaded", function(){
            document.removeEventListener( "DOMContentLoaded", arguments.callee, false );
            jQuery.ready();
        }, false );

    // If IE event model is used
    } else if ( document.attachEvent ) {
        // ensure firing before onload,
        // maybe late but safe also for iframes
        document.attachEvent("onreadystatechange", function(){
            if ( document.readyState === "complete" ) {
                document.detachEvent( "onreadystatechange", arguments.callee );
                jQuery.ready();
            }
        });

        // If IE and not an iframe
        // continually check to see if the document is ready
        if ( document.documentElement.doScroll && window == window.top ) (function(){
            if ( jQuery.isReady ) return;

            try {
                // If IE is used, use the trick by Diego Perini
                // http://javascript.nwbox.com/IEContentLoaded/
                document.documentElement.doScroll("left");
            } catch( error ) {
                setTimeout( arguments.callee, 0 );
                return;
            }

            // and execute any waiting functions
            jQuery.ready();
        })();
    }

    // A fallback to window.onload, that will always work
    jQuery.event.add( window, "load", jQuery.ready );
}

Popularity 8/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: dom javascript wait

Link to this answer
Share Copy Link

Contributed on Oct 14 2021

Energetic Eel

0 Answers Avg Quality 2/10

Closely Related Answers

javascript wait for dom

Comment

document.addEventListener("DOMContentLoaded", function(event) { 
  //do work
});

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: dom

Link to this answer
Share Copy Link

Contributed on Jul 03 2021

Annoying Angelfish

0 Answers Avg Quality 2/10

javascript wait for element

Comment

-1

let observer = new MutationObserver((mutations) => {
  mutations.forEach((mutation) => {
    if (!mutation.addedNodes) return

    for (let i = 0; i < mutation.addedNodes.length; i++) {
      // do things to your newly added nodes here
      let node = mutation.addedNodes[i]
    }
  })
})

observer.observe(document.body, {
    childList: true
  , subtree: true
  , attributes: false
  , characterData: false
})

// stop watching using:
observer.disconnect()

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: element

Link to this answer
Share Copy Link

Contributed on Nov 07 2021

Web Surfer

0 Answers Avg Quality 2/10

how to wait for dom in javascript

Contents

More Related Answers

how to wait for dom in javascript

Closely Related Answers

javascript wait for dom

javascript wait for element

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.