Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでDOM要素にクラスを追加するにはどうすればよいですか？

DOM要素にクラスを追加するには、最初にquerySelector、getElementByIdなどのquerySelectorを使用してクラスを見つける必要があります。次に、クラスを追加する必要があります。たとえば、次のHTMLがある場合-

例

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

次の2つの方法のいずれかを使用して要素を見つけることができます-

querySelector 

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

getElementById 

let myPara = getElementById('para');

次に、-

を使用してこの要素にクラスを追加できます。 
let myPara = getElementById('para');
myPara.classList.add('myClass');

  1. JavaScriptを使用して要素からクラス名を削除するにはどうすればよいですか？

    JavaScriptを使用して要素からクラス名を削除するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    .newStyle {       font-family: "Segoe UI", Tahoma, Geneva

  2. JavaScriptでループに遅延を追加するにはどうすればよいですか？

    ループに遅延を追加するには、JavaScriptのsetTimeout（）メソッドを使用します。以下は、ループに遅延を追加するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docu