JavaScript parentNode

Javascript இல் parentNode property ஆனது ஒரு element இன் parent node ஐ கண்டறிய பயன்படுகிறது.

element.parentNode

Note: JavaScript parentNode, இங்கு ஒரு element இன் parent node ஐ கண்டறிய பயன்படுகிறது. இங்கு முதலில் parent node கண்டறிய வேண்டிய element ஐ select செய்து கொண்டு பிறகு அந்த element.parentNode என கொடுக்கும் போது அந்த குறிப்பிட்ட element இன் parent node ஆனது கிடைக்கிறது.இந்த parent node ஆனது readonly ஆக மட்டுமே செயல்படும்.

Example1


<!DOCTYPE html>
<html lang="en">
<head>
	<title>Javascript parentNode</title>
</head>
<body>
<div id="main">
        <p class="note">Parallel Codes</p>
    </div>
	<script>
        let note = document.querySelector('.note');
        console.log(note.parentNode);
    </script>
</body>
</html>

மேலே உள்ள Example1-ஐ கவனிக்கவும் இங்கு html tag கள் கொடுகப்பட்டுள்ளது. இங்கு querySelector('.note') மூலமாக class name note என்ற value கொண்ட p என்ற tag ஆனது select செய்யப்பட்டுள்ளது. பிறது அந்த element note என்ற variable இல் store செய்யப்பட்டு உள்ளது. note.parentNode என கொடுக்கும் போது அதன் parent element ஐ நமக்கு console இல் கொடுக்கிறது.console.log ஐ கவனிக்கவும்.

Output: 

<div id="main">
        <p class="note">Parallel Codes</p>
    </div>

Example2


<!DOCTYPE html>
<html lang="en">
<head>
	<title>Javascript parentNode</title>
</head>
<body>
<div id="main">
        <p class="youtube">Linto.in</p>
    </div>
	<script>
        let note = document.querySelector('.youtube');
        console.log(note.parentNode);
    </script>
</body>
</html>

மேலே உள்ள Example2-ஐ கவனிக்கவும் இங்கு html tag கள் கொடுகப்பட்டுள்ளது. இங்கு querySelector('.youtube') மூலமாக class name youtube என்ற value கொண்ட p என்ற tag ஆனது select செய்யப்பட்டுள்ளது. பிறது அந்த element note என்ற variable இல் store செய்யப்பட்டு உள்ளது. note.parentNode என கொடுக்கும் போது அதன் parent element ஐ நமக்கு console இல் கொடுக்கிறது.console.log ஐ கவனிக்கவும்.

Output: 

<div id="main">
        <p class="youtube">Linto.in</p>
    </div>

Comments