如果我想找到一个方框区域内的所有元素,作为Firefox扩展的最佳方法是什么?如果我检查所有请假元素并调用getBoundingClientRect(),考虑到一个页面上可以轻松容纳500多个叶子,那就太慢了。
任何帮助将不胜感激。谢谢。
最佳答案
您可以使用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;
}