क्या कोई डोम फ़ंक्शन है जो जावास्क्रिप्ट में दो तत्वों के बीच सभी तत्वों को हटा देता है?

<घंटा/>

मान लें कि निम्नलिखित हमारे तत्व हैं -

<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 के बीच में हैं।

दो तत्वों के बीच तत्वों को हटाने के लिए, हटाने () की अवधारणा का उपयोग करें। निम्नलिखित कोड है -

उदाहरण

<!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)" को सेव करें और फ़ाइल पर राइट क्लिक करें। वीएस कोड संपादक में "लाइव सर्वर के साथ खोलें" विकल्प चुनें।

आउटपुट

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

क्या कोई डोम फ़ंक्शन है जो जावास्क्रिप्ट में दो तत्वों के बीच सभी तत्वों को हटा देता है?