Example of childNodes property

By Admin

<!DOCTYPE html>
<html>

<body>
<style>
  p {font-style:italic; font-weight:bold; color:#444;}
  h6 {padding:2px; margin:0px 10px; font-family:"Calibri"; color:#55f;} 
</style>
<script>
    var element = document.createElement("p");
    element.className = "para";
        
    var text = document.createTextNode("Hello World!");
    element.appendChild(text);
        
    var text2 = document.createTextNode("Good morning!");
    element.appendChild(text2);
        
    document.body.appendChild(element);
    document.body.innerHTML += "<h6>1. Child Node length: " + element.childNodes.length + "</h6>";
    document.body.innerHTML += "<h6>2. Elements by tag name: " + document.getElementsByTagName("P").length + "</h6>";		
</script>
</body>

</html>

Dec