JavaScript में नोड लिस्ट को सरणी में बदलने का निम्नलिखिक कोड है:
उदाहरण
<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>NodeList to Array Demo</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .sample { display: inline-block; font-size: 20px; font-weight: 500; color: white; background-color: blue; padding:10px; width: 100px; height: 100px; } </style> </head> <body> <h1>नोड लिस्ट को सरणी में बदलें</h1> <div class="sample">1</div> <div class="sample">2</div> <div class="sample">3</div> <div class="sample">4</div> <br> <button class="Btn">यहाँ क्लिक करें</button> <h3>ऊपर दिए गए सभी डिव के रंग बदलने के लिए बटन पर क्लिक करें </h3> <script> let sampEle = document.querySelectorAll('.sample'); let BtnEle = document.querySelector('.Btn'); BtnEle.addEventListener('click',()=>{ Array.from(sampEle).forEach(item=>{ item.style.backgroundColor = 'red'; }) }) </script> </body> </html>आउटपुट
'यहाँ क्लिक करें' बटन पर क्लिक करने पर:
