javascript - 空の要素タグを使用すると、Javascript の lastChild 呼び出しが兄弟を返す

Question

次のJavascriptがあります。

//Clear out container
var container = document.getElementById("buy");
while (container.lastChild)
{
    container.removeChild(container.lastChild);
}

さらに下には、それが動作する HTML の一部があります。

<div id="buy" class="itemGroup" />

<canvas id="drawArea" width="200" height="200">
    Your browser does not support HTML5 Canvas.
</canvas>   

ただし、buy div で開始タグと終了タグを使用しない限り、Javascript コードはキャンバスを削除します。

<div id="buy" class="itemGroup">
</div>

どうしてこれなの？XML の観点からすると、この 2 つは同等だと思いますか? Windows 7 で Chrome 29.0.1547.76 m を使用しています。

前もって感謝します！