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

Javascriptを使用して特定の要素にクラスを追加するにはどうすればよいですか？

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 lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> &

  2. JavaScriptを使用して親要素のCSSプロパティを継承するにはどうすればよいですか？

    classList.add（）をappend（）と一緒に使用できます。 document.createElement（）を使用して新しいdivを作成すると、classList.add（）がCSSクラスを追加します。（。classselector）。 例 <html lang="en> <head> <meta charset="UTF-8> <meta name="viewport" content="width=device-width, initialscale=1.0"> &l