Merge pull request #1430 from itamar244/patch-1

Update getElementsBiggerThanViewport.md
This commit is contained in:
Angelos Chalaris
2020-10-08 15:21:32 +03:00
committed by GitHub

View File

@ -6,15 +6,12 @@ tags: browser,intermediate
Returns an array of HTML elements whose width is larger than that of the viewport's.
- Use `HTMLElement.prototype.offsetWidth()` to get the width of the `document`.
- Use `Array.prototype.reduce()` on the result of `document.querySelectorAll()` to check the width of all elements in the document.
- Use `Array.prototype.filter()` on the result of `document.querySelectorAll()` to check the width of all elements in the document.
```js
const getElementsBiggerThanViewport = () => {
const docWidth = document.documentElement.offsetWidth;
return [...document.querySelectorAll('*')].reduce((acc, el) => {
if (el.offsetWidth > docWidth) acc.push(el);
return acc;
}, []);
return [...document.querySelectorAll('*')].filter(el => el.offsetWidth > docWidth);
}
```