Để đặt kiểu hiển thị của một phần tử, hãy sử dụng display bất động sản. Nếu bạn muốn ẩn phần tử thì không sử dụng phần tử nào.
Ví dụ
Bạn có thể thử chạy đoạn mã sau để đặt kiểu hiển thị của phần tử bằng JavaScript -
<!DOCTYPE html>
<html>
<head>
<style>
#myID {
width: 250px;
height: 200px;
background-color: green;
}
</style>
</head>
<body>
<button onclick="display()">Set display as none</button>
<div id="myID">
<h1>Heading Level 1 for Demo</h1>
This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text.
</div>
<script>
function display() {
document.getElementById("myID").style.display = "none";
}
</script>
</body>
</html>