मान लीजिए निम्न हमारे एलिमेंट्स हैं:
<p>My Name is John</p> <p>My Name is David</p> <p>My Name is Bob</p> <p>My Name is Mike</p> <p>My Name is Carol</p> <footer>END</footer>
हमें एलिमेंट और उसकी सामग्री को हटाने की आवश्यकता है। एलिमेंट्स START और END के बीच में हैं।
दो एलिमेंट्स के बीच के एलिमेंट्स को हटाने के लिए, remove() की अवधारणा का उपयोग करें। कोड निम्न है:
उदाहरण
<!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> <nav>START</nav> <p>My Name is John</p> <p>My Name is David</p> <p>My Name is Bob</p> <p>My Name is Mike</p> <p>My Name is Carol</p> <footer>END</footer> <script> const startingPoint = document.querySelector("nav"); const endingPoint = document.querySelector("footer"); while (startingPoint.nextElementSibling && startingPoint.nextElementSibling !== endingPoint) { startingPoint.nextElementSibling.remove(); } </script> </body> </html>
उपरोक्त प्रोग्राम चलाने के लिए, फाइल का नाम "anyName.html(index.html)" सेव करें और फाइल पर राइट-क्लिक करें। VS कोड एडिटर में "Open with Live Server" विकल्प चुनें।
आउटपुट
यह निम्न आउटपुट उत्पन्न करेगा:
