[Edit]

JavaScript - appendChild() method example

1 contributors

2 contributions

0 discussions

0 points

Created by:

maryam

1181

In this article, we would like to show you appendChild() method example in JavaScript.

1. Append child element to the body

Edit

xxxxxxxxxx
 
<!doctype html>
<html>
<body>
  <script>
​
    // create element
    var element = document.createElement('div');
    
    // set inner text
    element.innerText = "Child element's internal text...";
​
    // append element to body
    document.body.appendChild(element);
​
  </script>
</body>
</html>

Auto running

2. Append child element to another HTML element

Edit

xxxxxxxxxx
 
<!doctype html>
<html>
<body>
  <div class="parent"></div>
  <script>
​
    var parentElement = document.querySelector('.parent');
    
    // create child element
    var childElement = document.createElement('div');
    
    // set childElement innerText
    childElement.innerText = "Child element's internal text...";
​
    // append childElement to parentElement
    parentElement.appendChild(childElement);
​
  </script>
</body>
</html>