「JavaScript」lastChildで最後の子ノードを取得する

2021年10月15日

書式
var last_child = element.lastChild
lastChild はノードの子要素の内、最後のものを返します。
lastChild として返されるのはノードです。その親が要素であるならば、子ノードは一般的に Element ノード、Text ノード、Comment ノード となります。
使用例

<html> 
   <head> 
   <title>element.lastChild - エレメントの最後の子ノードを取得</title> 
   </head> 
    
   <body> 
    
   <!--エレメントの最後の子ノードを取得のサンプル--> 
   <div id="cft"> 
     <p id="one">tokyo 1</p> 
     <p id ="two">oosaka 2</P> 
     <p id="three">fukuoka 3</p></div> 
   
   
   <script type="text/javascript"> 
   function findEle() { 
     // セレクタcftのオブジェクトを取得
       var element = document.getElementById("cft"); 
     // 最後の子ノード
       var child = element.lastChild; 
     // innerHTMLを取得
       alert(child.innerHTML); 
   } 
   </script> 
   <button onclick="findEle()">最後の子ノード</button> 
    
   </body> 
 </html>

 

JavaScript

Posted by arkgame