如何使用JavaScript将类添加到给定元素？

要将类添加到DOM元素，首先需要使用querySelector（例如querySelector，getElementById等）找到它。然后，需要添加类。例如，如果您具有以下HTML-

示例

<!DOCTYPE html>
<html>
   <head></head>
   <body>
      <p id="para">This is some text</p>
   </body>
</html>

您可以使用以下两种方式之一找到元素-

let myPara = querySelector('#para')[0];

let myPara = getElementById('para');

然后您可以使用-将一个类添加到此元素-

let myPara = getElementById('para');
myPara.classList.add('myClass');

基础教程