चाइल्ड तत्वों को हटाने के लिए, आंतरिक HTML को '' पर सेट करें।
उदाहरण
निम्नलिखित कोड है -
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<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>
<body>
<div id='removeAllChildElements' style="height: 200px; width: 200px; border: 1px solid red;">
<span>Javascript</span>
<div>MySQL</div>
</div>
<button id='remove'>Remove the items</button>
</body>
<script>
remove.onclick = () => {
const element = document.getElementById("removeAllChildElements");
element.innerHTML = '';
}
</script>
</html> उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल का नाम anyName.html(index.html) सेव करें। फ़ाइल पर राइट क्लिक करें और वीएस कोड संपादक में "लाइव सर्वर के साथ खोलें" विकल्प चुनें।
आउटपुट
यह निम्नलिखित आउटपुट देगा -
अब आप "आइटम निकालें" बटन पर क्लिक कर सकते हैं। यह बॉक्स के अंदर के सभी तत्वों को हटा देगा।
आउटपुट
यह निम्नलिखित आउटपुट देगा -
