Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट में डीओएम तत्व में कक्षा कैसे जोड़ें?

<घंटा/>

DOM एलिमेंट में क्लास जोड़ने के लिए, आपको सबसे पहले इसे querySelector जैसे querySelector, getElementById, आदि का उपयोग करके ढूंढना होगा। फिर आपको क्लास जोड़ने की आवश्यकता है। उदाहरण के लिए, यदि आपके पास निम्न HTML है -

उदाहरण

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

आप निम्नलिखित 2 तरीकों में से किसी एक का उपयोग करके तत्व ढूंढ सकते हैं -

क्वेरी चयनकर्ता

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

getElementById

let myPara = getElementById('para');

फिर आप −

. का उपयोग करके इस तत्व में एक वर्ग जोड़ सकते हैं
let myPara = getElementById('para');
myPara.classList.add('myClass');

  1. जावास्क्रिप्ट के साथ वर्तमान तत्व में एक सक्रिय वर्ग कैसे जोड़ें?

    जावास्क्रिप्ट के साथ वर्तमान तत्व में एक सक्रिय वर्ग जोड़ने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    .btn {       border

  1. जावास्क्रिप्ट वाले तत्व से कक्षा का नाम कैसे निकालें?

    जावास्क्रिप्ट के साथ एक तत्व से एक वर्ग का नाम हटाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    .newStyle {       font-fam

  1. जावास्क्रिप्ट में लूप में देरी कैसे जोड़ें?

    लूप में देरी जोड़ने के लिए, जावास्क्रिप्ट में सेटटाइमआउट () विधि का उपयोग करें। लूप में विलंब जोड़ने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=d