Mengembalikan Kepemilikan Dokumen HTML ownerDocument DOM
 |
| Ilustrasi ownerDocument DOM HTML |
node.ownerDocument;
- nodeName: akan mengembalikan nama dari node spesifik. Jika node adalah elemen dari sautu node, maka akan mengembalikan tag name, lainnya jika node adalah atribut node, maka akan mengembalikan nama atribut, lainnya maka akan mengembalikan tipe node lainnya pula, dimana nama yang berbeda juga akan mengembalikan nilai yang berbeda pula.
- nodeType: akan mengembalikan tipe dari node sebagai sebuah angka dari node spesifik.
Sintak:
node.ownerDocument.nodeName;
node.ownerDocument.nodeType;
Return Value: nilai kepemilikan dari suatu node akan dikembalikan dalam bentuk objek dokumen.
<!DOCTYPE html>
<html>
<body>
<h1>
<center>
Klik
<button onclick="node()">
Disini!
</button>
</center>
</h1>
<h4>
Properti ownerDocument DOM
</h4>
<p>
Mengembalikan kepemilikan
dokumen dari node sebagai
objek dokumen. Klik 'Disini!'
untuk melihat nama node dari
elemen P.
</p>
<p1 id="PP"></p1>
<p1 id="p2"></p1>
<p1 id="pl"></p1>
<script>
function node()
{
var x = document.getElementById(
"PP").ownerDocument.nodeName;
document.getElementById("p2").innerHTML =
"Nama node dari kepemilikan"
+ " dokumen pada elemen P"
+ " adalah ";
document.getElementById("pl").innerHTML = x;
}
</script>
</body>
</html>
Output:Klik
Properti ownerDocument DOM
Mengembalikan kepemilikan dokumen dari node sebagai objek dokumen. Klik 'Disini!' untuk melihat nama node dari elemen P.
Contoh: memperlihatkan properti nodeType.
<!DOCTYPE html>
<html>
<body>
<h1>
<center>
Klik
<button onclick="node()">
Disini!
</button>
</center>
</h1>
<h4>
Properti ownerDocument DOM
</h4>
<p>
Mengembalikan kepemilikan
dokumen dari node sebagai
dokumen objek. Klik 'Disini!'
untuk melihat tipe node dari
elemen P1.
</p>
<p1 id="PP"></p1>
<p1 id="p2"></p1>
<p1 id="pl"></p1>
<script>
function node()
{
var x = document.getElementById(
"PP").ownerDocument.nodeType;
document.getElementById("p2").innerHTML =
"Nama node dari kepemilikan"
+ " dokumen pada elemen P1"
+ " adalah";
document.getElementById("pl").innerHTML = x;
}
</script>
</body>
</html>
Output:Klik
Properti ownerDocument DOM
Mengembalikan kepemilikan dokumen dari node sebagai dokumen objek. Klik 'Disini!' untuk melihat tipe node dari elemen P1.
- Cara Penggunaan Method querySelectorAll() DOM pada HTML [klik]
- Cara Penggunaan Method removeAttribute() DOM pada HTML [klik]
- Cara Penggunaan Method removeAttributeNode() DOM pada HTML [klik]
- Cara Penggunaan Method removeChild() DOM HTML [klik]
- 2 Parameter Method replaceChild() DOM pada HTML [klik]
- Cara Penggunaan Properti scrollHeight DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti scrollLeft DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method ownerDocument DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan method ownerDocument DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa fungsi method ownerDocument DOM pada HTML?
BalasHapusProperti ownerDocument DOM pada HTML berfungsi untuk mengembalikan kepemilikan dokumen dari sebuah node, yang dikembalikan sebagai object dokumen. Pada HTML, dokumen HTML itu sendiri selalu menjadi ownerDocument dari sebuah elemen.
HapusProperti ownerDocument merupakan object dokumen yang dikembalikan oleh properti ownerDocument, yang didalamnya terdapat semua node child dalam dokumen HTML yang sebelumnya telah dibuat.
Hapus