查找区域内的所有元素

时间:2010-01-08 14:56:36

标签: javascript firefox-addon

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

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

1 个答案:

答案 0 :(得分:2)

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

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;

}