< p >在開發網頁時，經常需要判斷元素的 class 是否存在。比如，如果某個元素有某個 class，我們就執行一些操作；否則，我們就不執行。在 JavaScript 中，判斷元素是否有某個 class 是非常容易的。下面我們就來看一下如何使用 JavaScript 判斷 class 是否存在。

< p >首先，我們需要獲取到需要判斷的元素。假設我們的頁面中有一個按鈕，我們想要判斷它是否有某個 class。我們可以使用以下代碼獲取這個按鈕：

var btn = document.getElementById('btn');

< p >接下來，我們要判斷這個按鈕是否有某個 class。假設我們要判斷的 class 叫做 red，我們可以使用以下代碼來判斷：

if (btn.classList.contains('red')) {
// 執行某些操作
}

< p >這里使用了 classList.contains() 方法，它可以判斷元素是否有某個 class。如果有，返回 true；如果沒有，返回 false。

< p >下面我們再看一個例子。假設我們有一個表格，并且希望給所有的奇數行添加一個 class，我們可以使用以下代碼：

var rows = document.getElementsByTagName('tr');
for (var i = 0; i < rows.length; i++) {
if (i % 2 === 0) {
rows[i].classList.add('odd');
}
}

< p >這里使用了 classList.add() 方法，它可以給元素添加一個 class。

< p >另外，我們還可以使用 classList.remove() 方法來刪除一個 class。假設我們已經給某個元素添加了一個 class，但是后來又需要刪除這個 class，我們可以使用以下代碼：

var el = document.getElementById('el');
el.classList.remove('some-class');

< p >這里使用了 classList.remove() 方法，它可以刪除元素的某個 class。

< p >總之，使用 JavaScript 判斷元素的 class 是否存在非常簡單。只需要使用 classList.contains() 方法判斷是否有某個 class，使用 classList.add() 方法給元素添加一個 class，使用 classList.remove() 方法刪除元素的某個 class。我們可以根據實際情況，自由靈活地使用這些方法。