javascript - найти div с самой длинной шириной на веб-странице

Question

Как найти самый длинный div на веб-странице?

Я имею в виду div, который имеет самую длинную ширину.

Я бы использовал чистый javascript, есть ли способ сделать это?

Answer 1

Попробуйте

var largestDivIndex = null; 
var allDivs = document.getElementsByTagName('div'); 

for (var i = 0 ; i < allDivs.length ; i++) { 
    if (largestDivIndex === null 
    || (allDivs[largestDivIndex].offsetWidth < allDivs[i].offsetWidth) 
) { 
    largestDivIndex = i; 
    } 
}; 

console.log(largestDivIndex, allDivs[largestDivIndex]); 

Answer 2

Вы можете перебираем все DIV с на странице и сравнить их ширины:

function getWidestDiv() { 
    var divs = document.getElementsByTagName("div"); 
    var widestElement = divs[0]; 
    for(var i = 0; i < divs.length; i++) { 
     if (divs[i].clientWidth > widestElement.clientWidth) { 
      widestElement = divs[i]; 
     } 
    } 
    return widestElement; 
}