星途面试题库

面试题：JavaScript中如何通过DOM操作添加和移除元素的class属性

请用JavaScript代码展示如何为一个HTML元素添加和移除特定的class属性，假设该元素的id为 'targetElement'，需要添加的class为 'new - class'，移除的class也为 'new - class'。

12.9万热度

难度

编程语言JavaScript

知识考点

面试题答案

一键面试

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF - 8">
    <title>添加和移除class</title>
</head>

<body>
    <div id="targetElement">这是目标元素</div>
    <script>
        // 添加class
        const targetElement = document.getElementById('targetElement');
        targetElement.classList.add('new - class');

        // 移除class
        setTimeout(() => {
            targetElement.classList.remove('new - class');
        }, 3000);
    </script>
</body>

</html>