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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。