Лучший способ пересечения элементов dom с условием?

Question

Каков наилучший способ найти все элементы со страницы, которые соответствуют размеру, который мне нужен, и меньше перегрузки браузера?

Самое главное - сделать так, чтобы браузер не перегружал и не разбивался, если на странице много элементов.

то, что я использую сейчас:

elements = document.getElementsByTagName("*"); 
len = elements.length; 
for(var i = 0; i < len; i++) 
    if(elements[i].clientHeight == MyHeight && elements[i].clientWidth == MyWidth) 
{ /*my code*/ } 

Пожалуйста, если кто-нибудь знает лучший способ, который не подчеркнуть браузер столько, сколько то, что я использую в настоящее время, то это то, что мне нужно ,

Answer 1

Если у вас есть , необходимо сделать это, было бы более эффективно повторять рекурсивно через дерево, потому что тогда, когда вы нажмете на элемент, который меньше, чем вам нужно, вы ничего не знаете внутри него. требуемый размер. По-прежнему кажется, что в большинстве случаев будет лучшее решение, но я не знаю вашей конкретной проблемы.

EDIT:

Это работает.

function findElements(width, height, element){ 
    var results = Array(); 

    for(var i=0; i<element.childNodes.length; i+=1){ 
     var childElement = element.childNodes[i]; 

     if(childElement.clientWidth == width && childElement.clientHeight == height){ 
      results.push(childElement); 
      results = results.concat(findElements(width, height, childElement)); 

     } else if(childElement.clientWidth < width || childElement.clientHeight < height){ 
      continue; 

     } else { 
      results = results.concat(findElements(width, height, childElement)); 
     } 
    } 

    return results; 
} 

findElements(myWidth, myHeight, document); 

Answer 2

Я думаю, что речь идет о скорости здесь (хотя разница является предельной).

Who is the fastest??? -> нажмите кнопку запуска и протестируйте ее самостоятельно!

Я думаю, document.body.querySelectorAll("*"); является явным победителем.

var items = document.body.querySelectorAll("*"); 
    var target, i, len = items.length; 
    for (i=0;i<len;i++) { 
     target=items[i]; 
if(//your condition) 
    { and the code} 

** Вывод: ** Просто написать код, понятные, легко читаемый и elegant.I думать понимания логики является наиболее тривиальной частью.

UPDATE:

function findParentNode() { 

    var testObj = document.body.querySelectorAll("*");; 
    for(var i=0;i<=testObj.length;i++){ 
     if(testobj.offsetWidth=="your width" && testobj.offsetHeight=="your height"){ 
      //push it in an array or do whatever you wanted to do 
      } 
    else{ 
    //no elements found!!! 
    } 
    } 
}