Home/ Questions/Q 8252405
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T00:33:27+00:00

I’m really a beginner in Javascript and trying to add a p element inside

  • 0

I’m really a beginner in Javascript and trying to add a p element inside a div element in this HTML :

<!doctype html>
<html>
    <head>
    </head>

    <body>
        <p>This is paragraph 1.</p>
        <p>This is paragraph 2.</p>
        <p>This is paragraph 3.</p>
        <p>This is paragraph 4.</p>
        <div>
            <p id="foo">This is paragraph 5.</p>
        </div>
        <script type="text/javascript" src="script.js"></script>
    </body>

</html>

using this code : 

(function(){
    var divElement = document.getElementsByTagName("div");
        el = document.createElement("p");
        content = document.createTextNode("This is text");    
    el.appendChild(content);
    document.divElement.appendChild(el);        
}());

But i get this error at line 6 :

Uncaught TypeError: Cannot call method ‘appendChild’ of undefined

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    getElementsByTagName(" ... ") returns a collection of elements.

    var divElement = document.getElementsByTagName("div")[0];

    Also, change:

    document.divElement.appendChild(el);

    To:

    divElement.appendChild(el);
    • 0