Home Javascript JavaScript appendChild method
Questions:Ask|Latest


 
 

Share on Google+Share on Google+

JavaScript appendChild method

Advertisement
In JavaScript if we want to append the HTML child element to any previously existing element then we can use appendChild() to add the child element.

JavaScript appendChild method

     

In JavaScript if we want to append the HTML child element to any previously existing element then we can use appendChild() to add the child element.

For example if we want to append a child element to the document's body then we can write like this

  document.body.appendChild();

Description of example:

Here in this example code we have created a button named "Append Text(child)" which is used to call JavaScript function funAppendChild() into which we have added the text to the document by using the method createTextNode() now we have appended the child node by using the JavaScript method appendChild() 

<html>
<body>
<script language="javascript">
   function funAppendChild(){
     var txt = 'Welcome to RoseIndia.net';
     var newtext = document.createTextNode(txt);
     document.body.appendChild(newtext);
   } 
</script>
<body id="body">
 <button
   onclick="funAppendChild();
   this.disabled=true;"> Append Text(child)
 </button>
  <br>
 </body>
</html>

Output:

When user clicks on the "Append Text" button it appends a child text to the document body.

Download Source Code

Advertisement

If you enjoyed this post then why not add us on Google+? Add us to your Circles



Liked it!  Share this Tutorial


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: January 29, 2009

Ask Questions?    Discuss: JavaScript appendChild method   View All Comments

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments
yashpal
October 10, 2011
find new no

I want to new no which start 99999 pls let me know
jdeveloper
March 16, 2012
Alternative to adding node

But this could have been done using hidden as well. I am confused when to use hidden and chil node?. Any suggestions?
DMCA.com