HTML | DOM lastChild 属性

DOM lastChild 属性用于返回指定节点的最后一个子节点。它将最后一个子节点作为文本、评论或元素节点返回（取决于最后出现的是哪个）。它是只读属性。

句法：

node.lastChild

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

示例 1：

    
        
            DOM lastChild Property
        
          
        
            function geek() {
                var doc = 
                document.getElementById("div").lastChild.innerHTML;
                  
                document.getElementById("p").innerHTML = doc;
                document.getElementById("p").style.color = "white";
                document.getElementById("p").style.background = "green";
            }
        
    
      
    
          
        
            GeeksforGeeks
        
          
        
            DOM lastChild Property
        
          
        
        GeeksforGeeks! 
        
            A computer science portal for geeks.
        
        
        Click me!
          
        
    
                    

输出：
点击按钮前：

点击按钮后：

示例 2：

    
        
            HTML DOM lastChild Property
        
          
        
            function Geeks() {
                var x = 
                document.getElementById("sel").lastChild.text;
                  
                document.getElementById("p").innerHTML 
                        = "Last child: " + x;
            }
        
    
      
    
          
        
            GeeksforGeeks
        
          
        
            DOM lastChild Property
        
          
        
            Merge sort
            Quick sort
            Insertion sort
        
          
        
            Click Here!
        
          
        
    
                    

输出：
点击按钮前：

点击按钮后：

支持的浏览器： lastChild 属性支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器