Đầu tiên, bạn cần giải nén trích xuất lớp div với sự trợ giúp củagetElementsByClassName () và lặp lại vòng lặp for và sử dụng điều kiện OR để hiển thị văn bản cụ thể.
Ngoài ra, hãy đặt yourDiv.style.display ='none'.
Sau đây là mã JavaScript -
Ví dụ
<!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> Để chạy chương trình trên, hãy lưu tên tệp anyName.html (index.html) . Nhấp chuột phải vào tệp và chọn tùy chọn mở bằng máy chủ trực tiếp trong trình chỉnh sửa mã VS.
Đầu ra
