Apa itu parentnode dalam javascript?

Untuk mendapatkan simpul induk dari elemen HTML, Anda dapat menggunakan properti parentNode. Properti ini mengembalikan simpul induk dari elemen yang ditentukan sebagai objek Node

Katakanlah Anda memiliki kode HTML berikut

<div class="wrapper">
    <button id="btn">Click Mebutton>
div>

Contoh berikut menunjukkan bagaimana Anda bisa mendapatkan simpul induk dari button

const button = document.querySelector('#btn');

const div = button.parentNode;

console.log(div.classList[0]); // wrapper

Properti parentNode_ bersifat hanya-baca, yang berarti Anda tidak dapat mengubahnya

Dalam HTML, document itu sendiri adalah simpul induk dari elemen html. Kedua elemen body dan head adalah simpul turunan dari elemen html

Properti parentNode HTML DOM. Properti simpul induk adalah properti hanya-baca yang mengembalikan nama simpul induk dari simpul yang dipilih kepada kita sebagai objek simpul. Objek Node mewakili satu simpul di pohon dokumen dan simpul dapat berupa simpul elemen, simpul teks, atau lebih.  

Sintaksis

node.parentNode

Nilai Pengembalian. Properti simpul induk mengembalikan objek simpul induk jika ada atau jika tidak maka akan mengembalikan "null".  

Contoh.  

html

<h1 style="color:green"________97__93_______

node.parentElement

0

node.parentElement

1

<

node.parentElement

3

node.parentElement

0

node.parentElement

5<

node.parentElement

7

node.parentElement

8=

// returns the document node
document.documentElement.parentNode; 

// returns null
document.documentElement.parentElement; 

0

// returns the document node
document.documentElement.parentNode; 

// returns null
document.documentElement.parentElement; 

1

// returns the document node
document.documentElement.parentNode; 

// returns null
document.documentElement.parentElement; 

2

// returns the document node
document.documentElement.parentNode; 

// returns null
document.documentElement.parentElement; 

3

node.parentElement

7

node.parentElement

0

node.parentElement

5

// returns the document node
document.documentElement.parentNode; 

// returns null
document.documentElement.parentElement; 

7

________10

node.parentNode

_10_______9

________92______0

node.parentElement

3

node.parentElement

0

node.parentElement

1

<<5 <6=<8<9<5

node.parentElement

0

node.parentElement

1

<

node.parentElement

7

node.parentElement

8=h17h18

node.parentElement

7

node.parentElement

0

node.parentElement

1

<style3

node.parentElement

0

node.parentElement

5style6

// returns the document node
document.documentElement.parentNode; 

// returns null
document.documentElement.parentElement; 

2style8

style_9

// returns the document node
document.documentElement.parentNode; 

// returns null
document.documentElement.parentElement; 

2=1

// returns the document node
document.documentElement.parentNode; 

// returns null
document.documentElement.parentElement; 

2=3

node.parentElement

5=5

<0style3

node.parentElement

0

Keluaran.  

Perbedaan antara DOM parentNode dan parentElement di JavaScript

parentElement. Elemen induk adalah properti hanya baca yang mengembalikan elemen induk dari elemen yang dipilih. Objek elemen mewakili elemen HTML, seperti P, DIV, dll.  

Sintaksis.  

node.parentElement

Nilai Pengembalian. Properti parentElement mengembalikan objek elemen yang mewakili elemen induk jika ada atau akan mengembalikan nol.  

Contoh.  

html

<h1 style="color:green""color:green"4________93__3_______0

node.parentElement

1

<"color:green"_9

node.parentElement

0

node.parentElement

5<>GeeksforGeeks3

node.parentElement

8=>GeeksforGeeks6>GeeksforGeeks7>GeeksforGeeks3

node.parentElement

0

node.parentElement

5<>GeeksforGeeks3h13>GeeksforGeeks3

node.parentElement

0

node.parentElement

5<>GeeksforGeeks3h19>GeeksforGeeks3

node.parentElement

0

________92______0"color:green"9

node.parentElement

0

node.parentElement

1

<

node.parentElement

7

node.parentElement

08

node.parentElement

5

node.parentElement

10

node.parentElement

7

node.parentElement

0

node.parentElement

1

<<5 <6________95__3_______18

node.parentElement

0

node.parentElement

5

node.parentElement

21

________92______0<5

node.parentElement

0

node.parentElement

_25

node.parentElement

5

node.parentElement

27

<

node.parentElement

7

node.parentElement

8=

// returns the document node
document.documentElement.parentNode; 

// returns null
document.documentElement.parentElement; 

0h18

node.parentElement

7

node.parentElement

0

node.parentElement

1

<style3

node.parentElement

0

node.parentElement

5

node.parentElement

41

// returns the document node
document.documentElement.parentNode; 

// returns null
document.documentElement.parentElement; 

2

node.parentElement

43

// returns the document node
document.documentElement.parentNode; 

// returns null
document.documentElement.parentElement; 

2

node.parentElement

45

// returns the document node
document.documentElement.parentNode; 

// returns null
document.documentElement.parentElement; 

2

node.parentElement

47

node.parentElement

5=5

<0style3

node.parentElement

0

Keluaran.  

Perbedaan antara DOM parentNode dan parentElement di JavaScript

Perbedaan. Elemen Induk mengembalikan null jika induknya bukan simpul elemen, itulah perbedaan utama antara parentElement dan parentNode. Dalam banyak kasus seseorang dapat menggunakan salah satu dari mereka, dalam banyak kasus, mereka sama. Contohnya

// returns the document node
document.documentElement.parentNode; 

// returns null
document.documentElement.parentElement; 

Elemen HTML (dokumen. documentElement) tidak memiliki induk yang merupakan elemen, itu adalah simpul, oleh karena itu, elemen induknya adalah nol

Apa itu simpul induk Javascript?

Node induk adalah salah satu properti javascript yang digunakan untuk mengembalikan node induk dari node tertentu seperti yang didefinisikan dalam node objek kapanpun .

Apa perbedaan antara parentElement dan parentNode?

parentNode memberikan induknya, while. parentElement memberikan undefined .

Apa itu simpul induk dan simpul anak?

Setiap subnode dari node yang diberikan disebut node anak, dan node yang diberikan, pada gilirannya, adalah induk dari anak tersebut . Node saudara adalah node pada tingkat hierarki yang sama di bawah node induk yang sama. Simpul yang lebih tinggi dari simpul yang diberikan dalam garis keturunan yang sama adalah nenek moyang dan yang di bawahnya adalah keturunan.

Bagaimana cara saya mendapatkan induk Nodejs?

Mendekati. Tulis fungsi rekursif yang mengambil simpul saat ini dan induknya sebagai argumen (simpul akar dilewatkan dengan -1 sebagai induknya). Jika simpul saat ini sama dengan simpul yang diperlukan, maka cetak induknya dan kembali lagi, panggil fungsi secara rekursif untuk anak-anaknya dan simpul saat ini sebagai induk