javascript - JavaScriptで最後の子を選択する

Question

順序付けられていないリスト (この例ではハンドル Var1 を呼び出します) にハンドルがあり、最後の li を変数に割り当てられるようにしたいと考えています。うまくいくと思った唯一の方法を試し Lastli = var1.lastChild ましたが、うまくいきませんでした。jQueryではなくJavascriptのみを使用してこれに対する答えを見つけることができないようです。

Answer 1

親要素を選択して、lastChild プロパティを使用できます。

var container = document.getElementsByTagName("ul")[0];
var lastchild = container.lastChild;

または、配列内のすべてのアイテムを選択して、最後のアイテムを取得します。簡単な例を次に示します。

 var items = document.querySelectorAll("li");
 var lastchild = items[items.length-1];

Answer 2

すべての「li」を選択して、最後のものを取ることができます。何かのようなもの：

var myLi = document.getElementsByTagName('li');
var lastLi = myLi[myLi.length-1];

Answer 3

これを試して：.childNodes[childNodes.length - 1]

Answer 4

またはのいずれulReference.children[ulReference.children.length -1]かulReference.childNodes[ulReference.childNodes.length -1]。両者の違いはこちら