Skip to content
Related Articles

Related Articles

HTML | DOM firstElementChild Property

View Discussion
Improve Article
Save Article
Like Article
  • Difficulty Level : Medium
  • Last Updated : 19 Jul, 2021

The HTML DOM firstElementChild Property will return the first child of any node PreRequisites DOM (Document Object Model)
Parameters: 
No parameters required.
Return value: 
The values returned by firstElementChild property are following: 
 

  • A Node object: Representing the first child element of an element.

 

  • Null: If there are no child elements.

Syntax 
 

node.firstElementChild()

Example: 
 

html




<!DOCTYPE html>
<html>
 
<head>
 
    <head>
        HTML | DOM firstElementChild Property
    </head>
    <script>
        // JavaScript code to get the node whose
        // id is "Section"
        function example() {
 
            // x is used to store the element
            // whose id is "Sections".
            var x = document.getElementById("Sections" + ).firstElementChild.innerHTML;
 
            document.getElementById("GeeksForGeeks sections" +
                " first node").innerHTML = x;
        }
    </script>
</head>
 
<body>
     
<p>GeeksForGeeksTopics</p>
 
 
    <ul id="Sections">
        <li>Array</li>
        <li>LinkedList</li>
        <li>Stack</li>
        <li>Queue</li>
        <li>Tree</li>
        <li>Graph</li>
 
    </ul>
 
     
<p>
      Click the button to get the first child
      of the node having id is "Sections".
    </p>
 
 
    <!--button is used to run example function-->
    <button onclick="example()">Click</button>
    <p id="GeeksForGeeks sections first node"></p>
 
 
</body>
 
</html>

Output 
 

Supported Browsers: The browser supported by DOM firstElementChild are listed below: 
 

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

 


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!