The Comment type in JavaScript

The comment type represents the content of comment within  symbols in a HTML document.

The comment type has following characteristics:

nodeType : 8
nodeName : #comment
nodeValue: content of the comment
parentNode : Document or Element
childNode : None.

The comment type has all string manipulation methods of the text type except splitText(). The comment node can be accessed as a childNode of the parent using nodeValue or data property.

The comment node can be created using createComment() method and with passing the comment string to the function. Comment nodes cannot be created and accessed after the </html> closing tag.

NOTE: These nodes are rarely used to create and access comments because of the no real need for it.

Example with creating a comment type node in DOM

<!DOCTYPE html>
<html>
  
<style>
    span {font-size:0.8em; font-style:italic; color:red;}
</style>

<body id="main">
	<p id="para"></p>
	<script>
	    var b = document.getElementById("main");
	    var c =  b.childNodes[1];
	    var d = document.createComment("'Adding another comment from createComment()'");
	    var para = document.getElementById("para");
	    para.appendChild(d);
	    b = para.childNodes;
	    var txt="";
	    var i;
	    for(i=0; i<b.length; i++){
	        txt =txt + "Node at id='para' = <b>" + b[i].nodeName 
            + "</b>.<br /><br /><p>New comment added dynamically:<br /><br /><span>"
            + b[i].nodeValue+ "</span></p>";
	    }
	    document.getElementById("para").innerHTML = txt;	
  </script>
</body>

</html>

›› go to examples ››

The Comment type in JavaScript

Example with creating a comment type node in DOM

Comments

About

Contact

Get Connected