解決實際問題的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】。未經作者許可，禁止轉載。