Mengatur Sel Kosong HTML Menggunakan emptyCells Style DOM
 |
| Ilustrasi emptyCells Style DOM |
- digunakan untuk mengembalikan nilai properti emptyCells: object.style.emptyCells
- digunakan untuk mengatur nilai properti emptyCells: object.style.emptyCells = "show|hide|initial|inherit"
Return Values: berfungsi untuk mengembalikan sebuah string yang merepresentasikan border dan background dari emptyCells.
Property Values:
- show: digunakan untuk mengatur border dan background pada empty cell untuk diperlihatkan pada layar monitor. Value ini merupakan nilai default dari properti emptyCells.
- hide: digunakan untuk mengatur border dan background pada empty cell untuk tidak diperlihatkan pada layar monitor.
- initial: digunakan untuk membuat properti ke nilai default-nya.
- inherit: digunakan untuk menerima nilai turunan properti dari elemen parent.
Contoh: memperlihatkan properti emptyCells diantara show dan hide.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style emptyCells DOM
</title>
</head>
<body>
<center>
<h1>
Blog Elfan
</h1>
<h2>
Properti Style emptyCells DOM
</h2>
<table
id="a1"
border="1">
<tr>
<th>Student Name</th>
<th>Age</th>
</tr>
<tr>
<td>Koa</td>
<td>1</td>
</tr>
<tr>
<td>Komang</td>
<td>12</td>
</tr>
</table>
<br>
<button
type="button"
onclick="hide()">
Hide empty cells
</button>
<button
type="button"
onclick="show()">
Show empty cells
</button>
<!-- script untuk
memperlihatkan dan
menyembunyikan border
emptyCell -->
<script>
function hide()
{
document.getElementById("a1").style.emptyCells
= "hide";
}
function show()
{
document.getElementById("a1").style.emptyCells
= "show";
}
</script>
</center>
</body>
</html>
Blog Elfan
Properti Style emptyCells DOM
| Student Name | Age |
|---|---|
| Koa | 1 |
| Komang | 12 |
Contoh: memperlihat bagaimana cara mendapatkan properti emptyCells.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style emptyCells DOM
</title>
</head>
<body>
<center>
<h1>
Blog Elfan
</h1>
<h2>
Properti Style emptyCells DOM
</h2>
<table
id="a1"
border="1"
style="empty-cells:hide;">
<tr>
<td></td>
<td>$</td>
</tr>
<tr>
<td>@</td>
<td></td>
</tr>
</table>
<button
type="button"
onclick="myFunction()">
test
</button>
</center>
<script>
function myFunction()
{
console.log(document.getElementById("a1"
).style.emptyCells);
}
</script>
</body>
</html>
Output:Blog Elfan
Properti Style emptyCells DOM
| $ | |
| @ |
- 4 Contoh Properti flexFlow Style DOM pada HTML [klik]
- 3 Value Properti flexGrow Style DOM pada HTML [klik]
- 3 Value Properti flexShrink Style DOM pada HTML [klik]
- 5 Value Properti flexWrap Style DOM pada HTML [klik]
- 5 Value Properti cssFloat Style DOM pada HTML [klik]
- 6 Value Properti Font Style DOM pada HTML [klik]
- 3 Value Properti fontFamily Style DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti emptyCells Style DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti emptyCells Style DOM pada HTML:
Hapus1. Google Chrome 1.2
2. Internet Explorer 4.0
3. Firefox 1.0
4. Opera 4.0
5. Apple Safari 1.0
Apa yang dimaksud dengan properti emptyCells Style DOM pada HTML?
BalasHapusProperti emptyCells Style DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai dimana nilai tersebut apakah akan memperlihatkan batas dan latar belakang dari sel kosong (empty cells) atau tidak.
HapusProperti emptyCells Style DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai dari sel kosong atau ruang kosong pada suatu elemen pada dokumen HTML.
Hapus