在es6中，我們可以使用新的語法和方法來設置html樣式，使代碼更加簡潔易懂。以下是一些常用的方法。

// 選取元素并設置樣式
const element = document.querySelector('#element');
element.style.color = 'red';
element.style.background = 'yellow';
// 批量設置樣式
const elements = document.querySelectorAll('.elements');
elements.forEach(element =>{
element.style.color = 'blue';
});
// 使用class設置樣式
const elementWithClass = document.querySelector('.element-with-class');
elementWithClass.classList.add('active'); // 添加class
elementWithClass.classList.remove('active'); // 移除class
elementWithClass.classList.toggle('active'); // 添加/移除class
// 組合樣式
const elementWithMultipleStyles = document.querySelector('#element-with-multiple-styles');
Object.assign(elementWithMultipleStyles.style, {
color: 'red',
background: 'yellow',
fontSize: '20px'
});

以上代碼演示了使用es6語法和方法設置html元素樣式的幾種方法。通過選取元素并設置樣式、批量設置樣式、使用class設置樣式和組合樣式等方式，可以使代碼更加簡潔易懂，提高開發效率。