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

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

示例

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

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

querySelector

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

getElementById

let myPara = getElementById('para');

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

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