解决实际问题的24个ES6代码段

这篇文章基于实际使用场景总结了24个ES6代码段，可用来解决项目中可能遇到的一系列问题。

1. 如何隐藏所有指定元素？

const hide = (...el) => [...el].forEach(e => (e.style.display = 'none'));
// Example
hide(document.querySelectorAll('img')); // 隐藏页面上的所有 <img> 元素

2. 如何确认元素是否具有指定的类？

const hasClass = (el, className) => el.classList.contains(className);
// Example
hasClass(document.querySelector('p.special'), 'special'); // true

3. 如何切换元素的类？

const toggleClass = (el, className) => el.classList.toggle(className);
// Example
toggleClass(document.querySelector('p.special'), 'special'); 
// 该段不再有 'special' 类

4. 如何获取当前页面的滚动位置？

原文链接:【https://www.infoq.cn/article/6Llkjz50xDIEfZvtjR7R】。未经作者许可，禁止转载。