Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Mendapatkan Node Parent HTML Menggunakan parentNode DOM

Dipublikasikan Oleh: elfanmauludi 6 komentar
Properti parentNode DOM pada HTML digunakan untuk mengembalikan node parent dari node spesifik sebagai node object, yang bersifat read-only.

Cara Penggunaan Properti parentNode DOM pada HTML
Ilustrasi parentNode DOM HTML

Sebelum memahami lebih dalam materi tentang Mendapatkan Node Parent HTML Menggunakan parentNode DOM, terlebih dahulu pelajari materi tentang: Mengembalikan Kepemilikan Dokumen HTML ownerDocument DOM [klik], Mendapatkan Offset Atas HTML Menggunakan offsetTop DOM [klik], dan Mendapatkan Parent Offset HTML Menggunakan offsetParent DOM [klik].

Sintak:
node.parentNode

Return Values: properti parentNode berfungsi untuk mengembalikan sebuah elemen parent dari node spesifik atau nilai null jika node saat ini tidak memiliki elemen parent.

Baca Juga: 

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti parentNode DOM

</title>

</head>

 

<body 

onload="start ()" 

style="text-align: center">

 

<h1 style="color:green">

Blog Elfan

</h1>

 

<h2>

Properti parentNode DOM

</h2>

 

<button onclick="bonn()">

Klik Saya!

</button>

 

<br>

<br>

 

<div id="container"></div>

 

<script>

var Text = null;

 

// Fungsi untuk memanggil on 

// body load

function start() 

{

 

// Menciptakan sebuah elemen 

// span

Text = document.createElement("span");

 

Text.style.color = "green";

 

Text.innerHTML = "BonsforBons";

}

 

// Fungsi check

function bonn() 

{

 

var container =

document.getElementById("container");

 

// Melakukan pemeriksaan 

// apakah node parent dari 

// teks saling bersesuaian 

// terhadap var container

if (Text.parentNode === container) 

{container.removeChild(Text);} 

else {container.appendChild(Text);}

 

}

</script>

 

</body>

 

</html>


Artikel ini didedikasikan kepada: M. Muktamamul Ula, M.Khaidar Rafi Rahmaputra, Maersa Azahra Nabila, Mahadewi Rana Botsairbah, dan Mega Isabella Wulandari.
Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia

6 komentar untuk "Mendapatkan Node Parent HTML Menggunakan parentNode DOM"

  1. AnonimMinggu, 27 Februari 2022 pukul 07.09.00 WIB

    Jenis browse apa saja yang dapat digunakan untuk mengaktifkan properti parentNode DOM pada HTML?

    BalasHapus
    Balasan
    1. AnonimMinggu, 27 Februari 2022 pukul 07.10.00 WIB

      Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti parentNode DOM pada HTML:
      1. Google Chrome 1.0
      2. Internet Explorer
      3. Firefox 1.0
      4. Opera
      5. Safari

      Hapus
  2. AnonimSenin, 28 Februari 2022 pukul 15.54.00 WIB

    Apa yang dimaksud dengan parentNode DOM pada HTML?

    BalasHapus
    Balasan
    1. AnonimSenin, 28 Februari 2022 pukul 15.54.00 WIB

      Properti parentNode DOM pada HTML berfungsi untuk mengembalikan node parent dari suatu elemen atau node, yang bersifat read-only.

      Hapus
  3. AnonimSenin, 28 Februari 2022 pukul 15.56.00 WIB

    Apa perbedaan antara parentNode dan parentElemen pada DOM HTML?

    BalasHapus
    Balasan
    1. AnonimSenin, 28 Februari 2022 pukul 15.56.00 WIB

      parentNode memberikan nilai parent, sedangkan parentElement memberikan nilai tidak terdefinisi atau undefined.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -