सबसे पहले, आपको getElementsByClassName() की मदद से div क्लास को एक्सट्रेक्ट करना होगा और लूप के लिए पुनरावृति करना होगा और विशिष्ट टेक्स्ट दिखाने के लिए OR कंडीशन का उपयोग करना होगा।
साथ ही, अपना Div.style.display='none' सेट करें।
निम्नलिखित जावास्क्रिप्ट कोड है -
उदाहरण
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=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="block">
header
</div>
<div class="block">
content
</div>
<div class="block">
footer
</div>
<script>
let attribute = document.getElementsByClassName('block');
for (let i = 0; i < attribute.length; i++) {
let impDiv = attribute[i];
let value = impDiv.innerHTML.trim();
if (value == 'header' || value == 'footer') {
impDiv.style.display = 'none';
}
}
</script>
</body>
</html> उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल का नाम anyName.html(index.html) सेव करें . फ़ाइल पर राइट क्लिक करें और वीएस कोड संपादक में लाइव सर्वर के साथ खुले विकल्प का चयन करें।
आउटपुट
