在網頁開發中，動畫效果是非常常見的，而實現這些動畫效果，通常會使用CSS動畫。但是有時候我們需要在特定情況下刪除這些動畫效果，這時候我們可以使用Javascript來實現。接下來就來看看如何使用Javascript來刪除CSS動畫？

// 獲取需要刪除動畫的元素
const element = document.querySelector('.animated-element');
// 獲取該元素所有正在進行中的動畫
const activeAnimations = element.getAnimations();
// 取消所有動畫
activeAnimations.forEach(animation =>animation.cancel());

上述代碼就是實現刪除CSS動畫的Javascript代碼。首先，我們需要獲取需要刪除動畫的元素，這里我們以類名為`.animated-element`的元素為例。接著，我們通過`getAnimations()`方法獲取該元素所有正在進行中的動畫。最后，我們使用`cancel()`方法來取消所有動畫。

需要注意的是，在使用這段Javascript代碼之前，我們需要先判斷該元素是否已經有CSS動畫在進行中。如果沒有動畫，直接調用`cancel()`方法會報錯。下面為大家提供一個例子：

// 獲取需要刪除動畫的元素
const element = document.querySelector('.animated-element');
// 獲取該元素所有正在進行中的動畫
const activeAnimations = element.getAnimations();
if (activeAnimations.length >0) {
// 取消所有動畫
activeAnimations.forEach(animation =>animation.cancel());
}

綜上，Javascript提供了一種方便的方式來刪除CSS動畫。在實際項目中，我們可以利用這種方式，更加靈活自如地控制網頁的動畫效果。如果你有更好的實現方式，歡迎在下方評論區分享哦！