javascript - 按大小获取元素

Question

我必须获取大小为 300x250 的 HTML 页面中的所有元素(虽然只是父元素。因此，如果 DIV 为 300x250 并且在同一尺寸内有图像，我将只获取 div)。

我不能使用 jQuery 或其他类似的框架，我的想法是:

1. 循环页面中的所有元素以检查它们的尺寸(糟糕糟糕。不喜欢)
2. 使用 XPath(有没有办法通过 XPath 按宽度和高度进行过滤？)

你们知道更好的方法吗？

Answer 1

你还没有说你对哪个width或height感兴趣。当然如果有img元素width 或 height 属性然后 XPath 可以选择它们(例如 //img[@width = '300' and @height = '250']) .但是像 div 元素这样的容器元素没有这样的属性，通常您可以访问它们的 offsetWidth/offsetHeight DOM 属性。据我所知，无法在 XPath 表达式中访问此类属性，因此 XPath 只能帮助选择某些元素，然后您需要访问 offsetWidth/offsetHeight 属性由 XPath 评估返回的任何 DOM 元素节点。所以这个答案主要是关于你的 XPath 请求。

根据目标浏览器，您可以使用 TreeWalker https://developer.mozilla.org/en-US/docs/Web/API/treeWalker.filter或 NodeIterator https://developer.mozilla.org/en-US/docs/Web/API/NodeIterator .