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>
