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>    .newStyle {       font-fam

  1. जावास्क्रिप्ट का उपयोग कर माता-पिता का बाल तत्व कैसे प्राप्त करें?

    जावास्क्रिप्ट का उपयोग करके माता-पिता का चाइल्ड एलिमेंट प्राप्त करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0&q

  1. जावास्क्रिप्ट का उपयोग करके मूल तत्व के सीएसएस गुणों को कैसे प्राप्त करें?

    आप एपेंड() के साथ classList.add() का उपयोग कर सकते हैं। एक नया डिव बनाने के लिए document.createElement() का उपयोग करें और classList.add() CSS वर्ग को जोड़ देगा।(.class चयनकर्ता)। उदाहरण <html lang="en> <head> <meta charset="UTF-8> <meta name="viewport" cont