在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