How to get the parent node of HTML tag element in JavaScript

2 Answers

<!DOCTYPE html>
<html>
  
<head>
<style>
#div-id {
    background-color: cornflowerblue;
    width: 70px;
    height: 20px;
    padding: 10px;
}
</style>
</head>
  
<body>
  
<div id="div-id">div tag</div>

<p id="p-id"></p>

<script>
 
var txt = document.getElementById("div-id").parentNode;

document.getElementById("p-id").innerHTML = txt;  

/*
run:
  
[object HTMLBodyElement]
  
*/

</script>

</body>
  
</html>

70+ SQL courses for beginners and professionals

answered Jul 10, 2015 by avibootz
edited Jul 10, 2015 by avibootz

<!DOCTYPE html>
<html>
  
<head>
<style>
#div-id {
    background-color: cornflowerblue;
    width: 70px;
    height: 20px;
    padding: 10px;
}
</style>
</head>
  
<body>
  
<div id="div-id">div tag</div>

<script>
 
document.getElementById("div-id").parentNode.innerHTML = "text in the body area";

/*
run:
  
you will see "text in the body area" in <body> tag
  
*/

</script>

</body>
  
</html>

70+ SQL courses for beginners and professionals

answered Jul 10, 2015 by avibootz

Most popular tags

How to get the parent node of HTML tag element in JavaScript

2 Answers

Related questions