Một số tips code ES6 khắc phục lỗi thực hành javascript

1. Cách để ẩn hết các yếu tố quy định?

const hide = (…el) => […el].forEach(e=>(e.style.display=’none’));

// Example using

hide(document.querySelectorAll(‘img’)); // Hide all <img> elements on the page

2. Làm thế nào để kiểm tra nếu yếu tố đó có lớp quy định?

const hasClass = (el, className) => el.classList.contains(className);

// Example using

hasClass(document.querySelector(‘p.speical’, ‘special’)); // true

3. Cách để chuyển đổi 1 lớp cho 1 yếu tố?

const toggleClass = (el, className) => el.classList.toggle(className);

// Example using

toggleClass(document.querySelector(‘p.speical’, ‘special’)); // The paragraph will not have the ‘special’ class anymore

4. Làm thế nào để lấy vị trí cuộn của trang hiện tại?

const getScrollPosition = (el = window) => ({

        x: el.pageXOffset !== undefined ? el.pageXOffset : el.scrollLeft,

       y: el.pageYOffset !== undefined ? el.pageYOffset : el.scrollTop,

});

// Example using

getScrollPosition();  // {x:0, y:200}