HTML | DOM lastElementChild 属性

DOM lastElementChild 属性用于返回指定元素的最后一个子元素，如果没有最后一个元素，则返回 null。它类似于 lastChild 属性，但不同之处在于 lastChild 属性返回所有最后一个子节点，即它也包括文本和注释节点，但另一方面lastElementChild 仅将最后一个节点作为元素节点返回。它是只读属性。

句法：

element.lastElementChild

返回值：它返回一个表示元素的最后一个子元素的对象。如果没有子元素，则返回 null。

例子：

  

    
        DOM lastElementChild Property
    
  
    
    
        function Geeks() {
            var doc =
                document.getElementById("GFG").lastElementChild.innerHTML;
                document.getElementById("p").innerHTML = doc;
                document.getElementById("p").style.color = "white";
                document.getElementById("p").style.background = "green";
        }
    

  

  
    
            GeeksforGeeks
        
  
    
            DOM lastElementChild Property
        
  
    
        GeeksforGeeks!
        A computer science portal for geeks.
    
  
    
    
        Click me!
    
  
    

  
    

输出：
点击按钮前：

点击按钮后：

支持的浏览器： DOM lastElementChild属性支持的浏览器如下：

• 谷歌浏览器 2.0
• 浏览器 9.0
• 火狐 3.5
• 歌剧 10.0
• Safari 4.0