在javascript中選擇最後一個孩子

Question

我在無序列表上有一個句柄（對於我的例子，我將調用句柄Var1），並希望能夠將其最後的li分配給一個變量。我試過Lastli = var1.lastChild我認爲唯一的方法，但它沒有。我似乎無法找到答案，只使用Javascript而不是jQuery任何幫助表示讚賞。

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

試試這個：.childNodes[childNodes.length - 1]

Answer 3

您可以選擇所有「禮」，並採取了最後一個。喜歡的東西：

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

Answer 4

要麼ulReference.children[ulReference.children.length -1]或ulReference.childNodes[ulReference.childNodes.length -1]。可以找到兩者的區別here