javacriptでlastChild（またはlastElementChild）が定義されていません

Question

最近、私は知りたいほどobuviosly重要なDOMのもので遊んで始めました。最後の要素を描く簡単なスクリプトを試してみたdiv HTMLがあります。 divの最後の子要素は、下

<div id="java"> 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
<span>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</span> 
</div> 

近くspan要素が

document.getElementById("java").lastChild.innerHTML.style.color = "blue"; 

青色の最後の子を描画JSラインがありますということです私の知る限りだから、問題は、私はCannot set property 'color' of undefinedエラーを取得していますということです私が前にアドバイスされたようにlastElementChildを使用しても。 私が見逃したことはありますか？もちろん、そこにはありますが、それは何ですか？lastChildを使ってこれをどのように動作させることができますか？

Answer 1

試してみてください。

var myContainer = document.getElementById('my-container'); 
var lastElement = myContainer.lastElementChild; 
lastElement.style.backgroundColor = 'rgb(0,0,255)'; 

例：

var myContainer = document.getElementById('my-container'); 
 
var lastElement = myContainer.lastElementChild; 
 
lastElement.style.backgroundColor = 'rgb(0,0,255)';

#my-container div { 
 
display: inline-block; 
 
margin-right: 24px; 
 
width: 100px; 
 
height: 100px; 
 
background-color: rgb(255,0,0); 
 
}

<div id="my-container"> 
 
<div></div> 
 
<div></div> 
 
<div></div> 
 
<div></div> 
 
</div>

Answer 2

使用lastElementChild要素

document.getElementById("java").lastElementChild.style.color= "blue"; 

012の最後の子を取得します