HTML DOM Style emptyCells प्रॉपर्टी का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि टेबल के खाली सेल कैसे प्रदर्शित होते हैं। डिफ़ॉल्ट रूप से, यह गुण दिखाने के लिए सेट है।
−
. के लिए वाक्य रचना निम्नलिखित हैखाली सेल गुण सेट करना -
empty-cells: show|hide|initial|inherit;
यहां, "शो" खाली कोशिकाओं पर सीमाओं को प्रदर्शित करता है जबकि "छिपाना" नहीं करता है। "प्रारंभिक" इसे डिफ़ॉल्ट मान पर सेट करता है और "विरासत" मूल संपत्ति मान प्राप्त करता है।
आइए हम खाली सेल संपत्ति के लिए एक उदाहरण देखें -
उदाहरण
<!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> आउटपुट
“सेल दिखाएं . क्लिक करने पर "बटन -
