Thuộc tính HTML DOM Style blankCells được sử dụng để chỉ định cách các ô trống của bảng được hiển thị. Theo mặc định, thuộc tính này được đặt để hiển thị.
Sau đây là cú pháp cho -
Đặt thuộc tính blankCells -
empty-cells: show|hide|initial|inherit;
Ở đây, "hiển thị" hiển thị đường viền trên các ô trống trong khi "ẩn" thì không. “Initial” đặt nó thành giá trị mặc định và “inherit” kế thừa giá trị thuộc tính mẹ.
Hãy để chúng tôi xem xét một ví dụ cho thuộc tính blankCells -
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
#TABLE1 {
font-style: italic;
empty-cells: hide;
}
table,td {
margin: 5px;
padding: 3px;
border: 1px solid black;
}
</style>
<script>
function showEmptyCells() {
document.getElementById("TABLE1").style.emptyCells="show"
document.getElementById("Sample").innerHTML="The empty cells of the table will now be visible";
}
</script>
</head>
<body>
<table id="TABLE1">
<tr>
<td>demo</td>
<td></td>
<td></td>
</tr>
<tr>
<td>demo</td>
<td></td>
<td></td>
</tr>
<tr>
<td>demo</td>
<td></td>
<td></td>
</tr>
</table>
<p>Show the hidden cells of the above table by clicking the below button</p>
<button onclick="showEmptyCells()">Show cells</button>
<p id="Sample"></p>
</body>
</html> Đầu ra
Khi nhấp vào nút “ Hiển thị ô Nút ”-
