सही ढंग से पुनरावृति करने के लिए, document.getElementsByClassName() का उपयोग करें। ThegetElementsByClassName() एक मेथॉफ़ ओडी दस्तावेज़ इंटरफ़ेस है।
निम्नलिखित कॉड है जिसमें हम डिव क्लासेस के माध्यम से पुनरावृति कर रहे हैं -
उदाहरण
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<div class="demo">My First JavaScript Program</div>
<div class="demo">This is the second Program</div>
<div class="demo">This is the third Program </div>
<script>
var className = document.getElementsByClassName('demo');
for(var index=0;index < className.length;index++){
console.log(className[index].innerHTML);
}
</script>
</body>
</html> उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम "anyName.html(index.html)" को सेव करें और फ़ाइल पर राइट क्लिक करें। वीएस कोड संपादक में "लाइव सर्वर के साथ खोलें" विकल्प चुनें।
आउटपुट
यह निम्नलिखित आउटपुट देगा -
