JavaScript中的對象可以用來操作HTML和CSS,它提供的方法可以讓我們輕松地增加和刪除CSS類和樣式。
// 選中元素 var element = document.getElementById('example'); // 添加CSS類 element.classList.add('new-class'); // 刪除CSS類 element.classList.remove('old-class'); // 添加CSS樣式 element.style.color = 'red'; // 刪除CSS樣式 element.style.color = '';
上述代碼表示選中一個id為"example"的元素,然后通過classList.add方法添加了"new-class"這個CSS類,同時用classList.remove方法刪除了"old-class"這個CSS類。接著,使用style.color屬性添加了紅色的文字顏色樣式,并使用將其刪除的方法來清除樣式。
以上代碼只是介紹了基本的方法,實際使用時,我們可以結合其他操作來輕松地操作元素的樣式和類。
上一篇js引用其他css