這篇文章基於實際使用場景總結了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】。未經作者許可,禁止轉載。