How To Call A Function In Polymer After The Elements Have Been Created (like Ready Function In Jquery)

I'm trying to write a function, which is related to the DOM, but the problem is , polymer calls the function before the DOM is loaded, and as expected it gives me an undefined erro

Solution 1:

You could do something like this:

var domReady = function (func) {
    if ('complete' === document.readyState) {
        func();

        return;
    }

    document.addEventListener('DOMContentLoaded', function () {
        func && func();
    });
};

domReady(function () {
    // Your code
});

Solution 2:

In Polymer 2.0 you can use this into connectedCalback life cycle method:

connectedCallback(){
   super.connectedCallback();  
   Polymer.RenderStatus.beforeNextRender(this, function() {
       // All references to the dom elements into the web component// [...]
   });
}