Q:

unable to push each element that is named tab into an array after pulling the dom object

In the developer tools it shows that i was able to pull all the elements that i needed to but the issue is i cannot push them to the array, it stays empty. Unfortunately i am not allowed to use jquery. I have done so much research and just unable to find exactly what i need.
 /*

 Author:Anthony Weed
 Date:2/20/2015

Filename:  menus.js

*/
window.addEventListener('load',setTabs);

var currentTab = null;
var maxZ = 1;
var i=0;

function setTabs(){
var menuTabs = [];
var allElements = document.getElementById('page').getElementsByTagName('*');
    for(var i=0;  i < allElements.length; i++){
     if (allElements.children == 'LI.tab'){
        menuTabs.push(allElements[i]);
        }
     else {
     continue;
     }
     i++
     }
console.log(allElements);
console.log(menuTabs);
}

A:

Try this: 
for(var i=0;  i < allElements.length; i++){
 if (allElements.children == 'LI.tab'){
       var newAryElement = allElements[1];

       menuTabs.push(newAryElement);
    }
 i++
 }

This might not solve your problem, but I suspect that it will reveal newAryElement to be an array itself, which you will then need to parse.

