Question

我有一个网页，里面有成千上万个小元素，每个元素都有不同的宽度和高度。

我想要的是通过Chrome开发者工具或Mozilla开发者工具在网页中找到宽度最高的元素。

我可以通过查看布局逐一进行，但这会浪费很多时间。

请根据您的经验帮助我。

Answer 1

假设你有jQuery，你可以在Chrome开发工具的控制台中执行以下操作：

var width = 0;
var element;
$('*').each(function() { 
    var element_width = $(this).width();
    if(element_width > width) {
        element = $(this);
        width = element_width;
    }
});
console.log(element);
console.log(element.width());

此代码遍历页面上的所有元素，检查高度并保存最大高度的元素。

如果您不想在所有元素上运行，而是在元素的某些子元素上运行，则可以执行以下操作：

var width = 0;
var element;
$('#myElement').children().each(function() { 
    var element_width = $(this).width();
    if(element_width > width) {
        element = $(this);
        width = element_width;
    }
});
console.log(element);
console.log(element.width());

如果您的网站没有jQuery，您可以这样插入;

var jq = document.createElement('script');
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);

找到具有最高宽度的元素的方法

1 个答案: