<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>050</title>
</head>
<body>
<div id="demodiv">
<p>This is text</p>
<p>Some more text</p>
</div>
</body>
<script type="text/javascript">
var demodiv = document.getElementById("demodiv");
var parent = demodiv.parentNode;
var children = demodiv.childNodes;
console.log(demodiv);
console.log(parent);
console.log(children);
console.log(parent.nodeName);
var outputString = "";
if(demodiv.hasChildNodes()){
var children = demodiv.childNodes;
for (var i = 0; i < children.length; i++) {
outputString += "has child " + children[i].nodeName + " ";
}
}
console.log(outputString);
</script>
</html>