HTML DOM firstElementChild用法及代码示例

HTML DOM的firstElementChild属性将返回任何节点PreRequist DOM(文档对象模型)的第一个孩子。

参数：
无需参数。

返回值：
firstElementChild属性返回的值如下：

一个Node对象：表示一个元素的第一个子元素。
空值：如果没有子元素。

用法

node.firstElementChild()

例：

<!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>

输出

支持的浏览器：DOM firstElementChild支持的浏览器如下：

谷歌浏览器
IE浏览器
火狐浏览器
Opera
苹果浏览器

相关用法

注：本文由纯净天空筛选整理自Shahnawaz_Ali大神的英文原创作品 HTML | DOM firstElementChild Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。