首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >查找区域内的所有元素

查找区域内的所有元素
EN

Stack Overflow用户
提问于 2010-01-08 22:56:36
回答 1查看 756关注 0票数 1

如果我想查找框区域内的所有元素,作为Firefox扩展的最好方法是什么?如果我检查所有的leave元素并调用getBoundingClientRect(),它将会太慢,因为一个页面上很容易有超过500个叶子。

任何帮助都将不胜感激。谢谢。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2010-01-08 23:34:42

您可以使用document.elementFromPoint并访问每五个像素(每五个像素比访问每个单个像素快得多),将找到的每个元素添加到一个数组中:

代码语言:javascript
运行
复制
function getElementsInRegion(x, y, width, height) {

    var elements = [],
        expando = +new Date,
        cx = x,
        cy = y,
        curEl;

    height = y + height;
    width = x + width;

    while ((cy += 5) < height) {
        cx = x;
        while (cx < width) {
            curEl = document.elementFromPoint(cx, cy);
            if ( curEl && !curEl[expando] ) {
                curEl[expando] = new Number(0);
                elements.push(curEl);
                cx += curEl.offsetWidth;
            } else {
                cx += 5;
            }
        }
    }

    return elements;

}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2028332

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档