Собственная версия браузера для группы запрашиваемых элементов

Question

Есть ли способ создать обещание/выполнение при запросе элементов/узлов? Это не работает, потому что я получаю elundefined в итераторе var completed = elements.every(function(el) { if (el.nodeType === 1). Кроме того, из-за неопределенного обещания не отвергается.

Нет JQuery, пожалуйста

var initialize = new Promise(function(resolve, reject) { 
    rippleElement = document.getElementById('ripple-element'); 
    toolbar = document.querySelector('#main-toolbar'); 
    headerName = document.getElementById('name-title'); 
    panel = document.querySelector('paper-header-panel[main]'); 
    drawer = document.querySelector('paper-drawer-panel'); 
    mainPanelContent = document.getElementById('mainPanelContent'); 

    //elements is not routing list, routing list is elementList 
    var elements = [rippleElement, toolbar, headerName, panel, 
     drawer, mainPanelContent]; 

    var completed = elements.every(function(el) { 
    if (el.nodeType === 1) { 
     return true; 
    } else { 
     return false; 
    } 
    }); 

    if (completed) { 
    resolve(); 
    } else { 
    var errMsg = 'error in querying elements'; 
    reject(errMsg); 
    } 
}); 

Answer 1

Как сказал @Arun, возможно, вам нужно ждать йот быть загружены, если вы не используете JQuery.

var initialize = new Promise(function(resolve, reject){ 
 

 
    function loaded(){ 
 
     
 
     var rippleElement = document.getElementById('ripple-element'), 
 
      elements = [rippleElement], 
 
      completed = _.every(elements, function(el) { 
 
       if (el && el.nodeType === 1) return true; 
 
       else return false; 
 
      }); 
 
     
 
     
 
     if (completed) resolve(); 
 
     else reject('error in querying elements'); 
 
    
 
    } 
 
    
 
    if (document.readystate === "complete"){ 
 
     window.addEventListener("load", loaded, false); 
 
    } else { 
 
     loaded(); 
 
    } 
 

 
}).then(function(){ 
 
    // ok 
 
}, function(err){ 
 
    // error 
 
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.js"></script> 
 
<div id="ripple-element"></div> 
 
<div id="result"></div>