How to get elements using class name in javascript hindi?

get elements using class name in javascript in hindi

Introduction

हेलो दोस्तों आज हम इस post में javascript में class name का इस्तेमाल करके html element को कैसे access करके element के साथ operation कैसे perform करा सकते है वह हम इस post में जानेगे!.

HTML element class attribute

HTML element में class attribute एक optional property है!. और class attribute का इस्तेमाल HTML element के सभी element में किया जाता है!. HTML element में एक बार class बन जाने के बाद में class name का इस्तेमाल css और javascript perticuler style और एक specific task को perform करने के लिए किया जाता है!. जैसे के class name के इस्तेमाल करके css की color property set करके element का background और text का color set कर सकते है!.
ऐसी तरह javascript में class name का इस्तेमाल करके element में text को change करा सकते है!.

Class attribute ka example

<div class="classname">This is only division</div>

Javascript का getElementByClassName() method

Javascript getElementByClassName() का इस्तेमाल किसी particular class से define सभी elements को access करने के लिए किया जाता है!. जब javascript को class name, method के द्वारा access होता है तो document object पर call किया जाता है. और यह root noes  सहित पुरे documen में find करता है. और सभी same class वाले elements की एक arrya return करता है!.

Syntax:

var elements = document.getElementsByClassName(name);

HTML or Javascript code

<html>
 <head></head>
 <body>
  <header>
    <nav>
    <ul id="language">
          <li class="item">PHP</li>
          <li class="item">CSS</li>
          <li class="item price">HTML</li>
          <li class="item">Javascript</li>
       </ul>
    </nav>
  </header>
  <div class="main"></div>
  <footer>
   <script>
     let langs = document.getElementById('language');
     let elements = language.getElementsByClassName('item');
   </script>
  </footer>

 </body>
</html>
<script> 
let langs = document.getElementById('language'); 
console.log(langs);
</script>

<script> 
  let elements = language.getElementsByClassName('item'); 
  console.log(elements ); 
</script>

Leave a Comment

Your email address will not be published. Required fields are marked *