जावास्क्रिप्ट:किसी पृष्ठ पर सभी डोम तत्वों के माध्यम से कैसे लूप करें और कंसोल पर परिणाम प्रदर्शित करें?

<घंटा/>

किसी पृष्ठ पर सभी DOM तत्वों के माध्यम से लूप करने के लिए, document.getElementsByTagName('*') का उपयोग करें। इसकी लंबाई के माध्यम से लूप करें और परिणाम को नीचे दिए गए कोड के अनुसार कंसोल में प्रदर्शित करें -

var tags = document.getElementsByTagName("*");
for (var i=0, max=tags.length; i < max; i++) {
   console.log(tags[i]);
}

उदाहरण

<!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>
<h1>Demo</h1>
<label>
Enter the name:
<input type="text" id="txtName">
</label>
<button type="submit">Save</button>
<script>
   var tags = document.getElementsByTagName("*");
   for (var i=0, max=tags.length; i < max; i++) {
      console.log(tags[i]);
   }
</script>
</body>
</html>

उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल का नाम "anyName.html(index.html)" सहेजें और फ़ाइल पर राइट क्लिक करें। वीएस कोड संपादक में "लाइव सर्वर के साथ खोलें" विकल्प चुनें।

आउटपुट

यह निम्नलिखित आउटपुट देगा -

जावास्क्रिप्ट:किसी पृष्ठ पर सभी डोम तत्वों के माध्यम से कैसे लूप करें और कंसोल पर परिणाम प्रदर्शित करें?